Fixes minor profile visual glitches (#38870)
This commit is contained in:
parent
59f3d8a993
commit
d63ca75422
@ -112,7 +112,6 @@ const AccountNameHelp: FC<{
|
|||||||
aria-controls={accessibilityId}
|
aria-controls={accessibilityId}
|
||||||
>
|
>
|
||||||
{handle}
|
{handle}
|
||||||
|
|
||||||
<Icon
|
<Icon
|
||||||
id='help'
|
id='help'
|
||||||
icon={HelpIcon}
|
icon={HelpIcon}
|
||||||
|
|||||||
@ -46,13 +46,14 @@
|
|||||||
gap: 2px;
|
gap: 2px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
align-items: center;
|
|
||||||
appearance: none;
|
appearance: none;
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
color: var(--color-text-secondary);
|
color: var(--color-text-secondary);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
transition: color 0.2s ease-in-out;
|
transition: color 0.2s ease-in-out;
|
||||||
|
word-break: break-all;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
> svg {
|
> svg {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
@ -199,6 +200,9 @@ $button-fallback-breakpoint: $button-breakpoint + 55px;
|
|||||||
|
|
||||||
.noteContent {
|
.noteContent {
|
||||||
white-space-collapse: preserve-breaks;
|
white-space-collapse: preserve-breaks;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.noteEditButton {
|
.noteEditButton {
|
||||||
@ -271,10 +275,7 @@ $button-fallback-breakpoint: $button-breakpoint + 55px;
|
|||||||
|
|
||||||
&.fieldItem {
|
&.fieldItem {
|
||||||
border-color: var(--color-border-success-soft);
|
border-color: var(--color-border-success-soft);
|
||||||
}
|
padding-right: 32px; // 8px padding + 16px for the icon + 8px gap
|
||||||
|
|
||||||
dt {
|
|
||||||
padding-right: 24px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user