zotero/scss/elements/_richlistCheckbox.scss

50 lines
1.4 KiB
SCSS
Raw Normal View History

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
richlistcheckbox {
display: flex;
line-height: 1.5em;
checkbox {
padding: 0;
margin: 0
}
}
richlistcheckbox[selected="true"] {
2024-01-17 11:10:11 +00:00
background-color: var(--color-accent);
color: var(--fill-primary);
}
richlistbox:where(:focus) > richlistcheckbox[selected="true"] {
2023-12-15 09:51:39 +00:00
background-color: var(--color-accent);
color: var(--color-accent-text);
}
richlistbox[seltype="multiple"]:focus > richlistcheckbox[current="true"],
richlistbox.theme-listbox:focus > richlistcheckbox[current="true"] {
outline: var(--default-focusring);
2023-12-15 09:51:39 +00:00
outline-color: var(--color-accent);
outline-offset: calc(-1 * var(--default-focusring-width));
}
richlistbox[seltype="multiple"]:focus > richlistcheckbox[current="true"][selected="true"],
richlistbox.theme-listbox:focus > richlistcheckbox[current="true"][selected="true"] {
outline-color: #F3D982; /* TODO: find a suitable system color */
}
richlistbox.theme-listbox:not(:focus) > richlistcheckbox[selected="true"] {
background-color: -moz-cellhighlight;
color: -moz-cellhighlighttext;
}
richlistbox.theme-listbox > richlistcheckbox > label {
margin: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-inline-start: 4px;
padding-inline-end: 0px;
white-space: nowrap;
}