69b4789c17
Unify richlistitem styling rules - Fix richlistitem unwanted focus ring on Linux fix: #4510 - Simplify richlistbox styling rules and do not follow Mozilla code - Use --default-focusring-width for v-table
76 lines
No EOL
1.4 KiB
SCSS
76 lines
No EOL
1.4 KiB
SCSS
/* Adapted from Mozilla common-shared.css */
|
|
/* https://searchfox.org/mozilla-central/rev/2f5ed7b7244172d46f538051250b14fb4d8f1a5f/toolkit/themes/shared/in-content/common-shared.css */
|
|
|
|
select[size][multiple],
|
|
listheader,
|
|
richlistbox {
|
|
appearance: none;
|
|
margin-inline: 0;
|
|
background: var(--material-background);
|
|
border: var(--material-panedivider);
|
|
}
|
|
|
|
listheader {
|
|
treecol {
|
|
appearance: none;
|
|
border: none;
|
|
background: transparent;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
|
|
.treecol-text {
|
|
padding: 0 4px;
|
|
margin: 1px 6px 2px 5px !important;
|
|
}
|
|
|
|
&::after {
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 1px;
|
|
background: linear-gradient(var(--fill-quarternary), var(--fill-quarternary)) no-repeat center/1px 66.666667%;
|
|
}
|
|
|
|
&:last-of-type::after {
|
|
display: none;
|
|
}
|
|
|
|
&:hover {
|
|
background: var(--material-mix-quinary);
|
|
}
|
|
|
|
&:hover:active {
|
|
background: var(--material-mix-quarternary);
|
|
}
|
|
}
|
|
}
|
|
|
|
listheader + richlistbox {
|
|
margin-top: 0;
|
|
border-top: none !important;
|
|
}
|
|
|
|
select[size][multiple] > option,
|
|
treechildren::-moz-tree-row {
|
|
padding: 0.3em;
|
|
margin: 0;
|
|
border: none;
|
|
background-image: none;
|
|
}
|
|
|
|
richlistitem hbox {
|
|
overflow: hidden;
|
|
}
|
|
|
|
richlistitem[selected] menulist:focus-visible {
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
richlistbox[disabled] {
|
|
opacity: 0.6;
|
|
pointer-events: none;
|
|
}
|
|
|
|
dialog richlistbox > richlistitem[disabled] {
|
|
font-weight: 600;
|
|
} |