diff --git a/chrome/skin/default/zotero/zotero.css b/chrome/skin/default/zotero/zotero.css index a6b9b81d1a..907111c3f9 100644 --- a/chrome/skin/default/zotero/zotero.css +++ b/chrome/skin/default/zotero/zotero.css @@ -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; diff --git a/scss/components/_richlistbox.scss b/scss/components/_richlistbox.scss index fabfa2b3f8..0865dc9d0a 100644 --- a/scss/components/_richlistbox.scss +++ b/scss/components/_richlistbox.scss @@ -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; }