Fix richlistitem cut-off with double-byte characters (#3931)

This commit is contained in:
windingwind 2024-04-08 13:38:38 +08:00 committed by GitHub
parent 8b30f08db8
commit 86bb8f06cb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 33 additions and 32 deletions

View file

@ -15,21 +15,6 @@
padding:0;
}
richlistitem {
padding: 0.2em 0.4em;
}
richlistitem, richlistitem > * {
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
richlistcheckbox[selected=true] {
background-color: -moz-cellhighlight;
color: -moz-cellhighlighttext;
}
groupbox > label > h2, groupbox > * > label > h2 {
font-size: 14px;
margin-top: 1em;

View file

@ -1,20 +1,36 @@
richlistbox.theme-listbox {
background: var(--material-background);
border: var(--material-panedivider);
background: var(--material-background);
border: var(--material-panedivider);
richlistitem {
--listitem-selectedBackground: var(--tag-gray);
--listitem-selectedFocusCurrentBackground: var(--color-accent);
--listitem-selectedTextColor: var(--accent-white);
--listitem-selectedBorder: transparent;
--listitem-selectedBottomBorder: transparent;
--listitem-selectedCurrentBorder: transparent;
--listitem-selectedFocusBorder: transparent;
--listitem-selectedFocusBottomBorder: transparent;
--listitem-selectedFocusCurrentBorder: transparent;
--listitem-selectedFocusBackground: var(--color-accent);
--listitem-selectedFocusColor: var(--accent-white);
--listitem-selectedColor: var(--accent-white);
--listitem-selectedFocusCurrentBottomBorder: transparent;
}
richlistitem {
--listitem-selectedBackground: var(--tag-gray);
--listitem-selectedFocusCurrentBackground: var(--color-accent);
--listitem-selectedTextColor: var(--accent-white);
--listitem-selectedBorder: transparent;
--listitem-selectedBottomBorder: transparent;
--listitem-selectedCurrentBorder: transparent;
--listitem-selectedFocusBorder: transparent;
--listitem-selectedFocusBottomBorder: transparent;
--listitem-selectedFocusCurrentBorder: transparent;
--listitem-selectedFocusBackground: var(--color-accent);
--listitem-selectedFocusColor: var(--accent-white);
--listitem-selectedColor: var(--accent-white);
--listitem-selectedFocusCurrentBottomBorder: transparent;
}
}
richlistitem {
padding: 0.2em 0.4em;
}
richlistitem, richlistitem > * {
// Prevent word cut-off with double-byte characters
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
richlistcheckbox[selected=true] {
background-color: -moz-cellhighlight;
color: -moz-cellhighlighttext;
}