Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-27 06:43:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1914087 - Use nesting in arrowscrollbox.css. r=emilio,desktop-theme-reviewers

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D219704
This commit is contained in:
Dão Gottwald 2024-08-21 14:06:01 +00:00
parent 568c4b44b9
commit f181da604b
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
toolkit/themes/shared/arrowscrollbox.css
View File

@ -8,6 +8,11 @@
visibility: collapse;
}
scrollbox {
min-width: 0;
min-height: 0;
}
slot {
display: flex;
flex: 1 0 0;
@ -23,14 +28,24 @@ toolbarbutton {
fill: currentColor;
fill-opacity: 1;
padding: 2px;
}
toolbarbutton[disabled] {
fill-opacity: var(--toolbarbutton-disabled-opacity);
}
&[disabled] {
fill-opacity: var(--toolbarbutton-disabled-opacity);
}
:host([orient="horizontal"]) > toolbarbutton {
list-style-image: url("chrome://global/skin/icons/arrow-left.svg");
:host([orient="horizontal"]) > & {
list-style-image: url("chrome://global/skin/icons/arrow-left.svg");
}
@media not (-moz-platform: macos) {
:host(:not([clicktoscroll])) > & {
appearance: none;
}
}
> .toolbarbutton-text {
display: none;
}
}
#scrollbutton-up > .toolbarbutton-icon {
@ -41,18 +56,3 @@ toolbarbutton[disabled] {
:host([orient="horizontal"]) > #scrollbutton-up:-moz-locale-dir(rtl) > .toolbarbutton-icon {
transform: scaleX(-1);
}
toolbarbutton > .toolbarbutton-text {
display: none;
}
@media not (-moz-platform: macos) {
:host(:not([clicktoscroll])) > toolbarbutton {
appearance: none;
}
}
scrollbox {
min-width: 0;
min-height: 0;
}