mirror of
https://github.com/logto-io/logto.git
synced 2025-03-10 22:22:45 -05:00
chore(console,toolkit): update custom JWT details page code editor action buttons style
This commit is contained in:
parent
7f3cd97b44
commit
4a60bf40e8
4 changed files with 6 additions and 19 deletions
|
@ -42,10 +42,6 @@
|
|||
|
||||
.copyToolTipAnchor {
|
||||
margin-left: _.unit(2);
|
||||
|
||||
&.leftMarginIgnored {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -53,10 +49,6 @@
|
|||
.row {
|
||||
.copyToolTipAnchor {
|
||||
margin-left: _.unit(3);
|
||||
|
||||
&.leftMarginIgnored {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -65,10 +57,6 @@
|
|||
.row {
|
||||
.copyToolTipAnchor {
|
||||
margin-left: _.unit(1);
|
||||
|
||||
&.leftMarginIgnored {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.iconButton {
|
||||
|
|
|
@ -32,7 +32,6 @@ type Props = {
|
|||
size?: 'default' | 'small';
|
||||
isWordWrapAllowed?: boolean;
|
||||
isFullWidth?: boolean;
|
||||
isLeftMarginIgnored?: boolean;
|
||||
};
|
||||
|
||||
type CopyState = TFuncKey<'translation', 'admin_console.general'>;
|
||||
|
@ -48,7 +47,6 @@ function CopyToClipboard(
|
|||
size = 'default',
|
||||
isWordWrapAllowed = false,
|
||||
isFullWidth = false,
|
||||
isLeftMarginIgnored = false,
|
||||
}: Props,
|
||||
ref: ForwardedRef<HTMLDivElement>
|
||||
) {
|
||||
|
@ -128,10 +126,7 @@ function CopyToClipboard(
|
|||
)}
|
||||
<Tooltip
|
||||
isSuccessful={copyState === 'copied'}
|
||||
anchorClassName={classNames(
|
||||
styles.copyToolTipAnchor,
|
||||
isLeftMarginIgnored && styles.leftMarginIgnored
|
||||
)}
|
||||
anchorClassName={styles.copyToolTipAnchor}
|
||||
content={t(copyState)}
|
||||
>
|
||||
<IconButton
|
||||
|
|
|
@ -62,6 +62,11 @@
|
|||
&:active {
|
||||
background: var(--color-overlay-dark-bg-pressed);
|
||||
}
|
||||
|
||||
// TODO (LOG-8602): Remove the default left margin of CopyToClipboard copyToolTipAnchor component.
|
||||
div[class*='copyToolTipAnchor'] {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -168,7 +168,6 @@ function MonacoCodeEditor({
|
|||
)}
|
||||
{enabledActions.includes('copy') && (
|
||||
<CopyToClipboard
|
||||
isLeftMarginIgnored
|
||||
variant="icon"
|
||||
value={editorRef.current?.getValue() ?? ''}
|
||||
className={styles.iconButton}
|
||||
|
|
Loading…
Add table
Reference in a new issue