mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-09-19 18:47:19 +02:00
0ff12e01fe
Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
65 lines
2.3 KiB
CSS
65 lines
2.3 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_scrollbuttons.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* This should hide tabs scrollbuttons in a manner that preserves the ability to move tab strip when reordering tabs */
|
|
|
|
#tabbrowser-arrowscrollbox{
|
|
--uc-compat-scrollbutton-margin: 1px; /* compatibility for non_floating_sharp_tabs.css */
|
|
--uc-scrollbutton-up-background: linear-gradient(-90deg,transparent,var(--lwt-accent-color) 35%);
|
|
--uc-scrollbutton-down-background: linear-gradient(90deg,transparent,var(--lwt-accent-color) 35%);
|
|
}
|
|
|
|
#tabbrowser-tabs:not([movingtab]){
|
|
--uc-scroll-visibility: hidden;
|
|
}
|
|
#tabbrowser-tabs[overflow]{
|
|
--uc-scrollbox-base-margin: -31px;
|
|
--uc-scrollbox-margin: calc(var(--uc-scrollbox-base-margin) + var(--tab-shadow-max-size));
|
|
}
|
|
:root[uidensity="compact"] #tabbrowser-tabs[overflow]{
|
|
--uc-scrollbox-base-margin: -25px;
|
|
}
|
|
#tabbrowser-arrowscrollbox:not([scrolledtostart="true"]){
|
|
--uc-scrollbox-overflow-start-margin: -1px;
|
|
}
|
|
#scrollbutton-up ~ spacer{
|
|
visibility: visible !important;
|
|
}
|
|
spacer[part="overflow-start-indicator"]{
|
|
-moz-box-ordinal-group: 0; /* Fx < 112 compatibility */
|
|
order: -1;
|
|
margin-inline-start: var(--uc-scrollbox-overflow-start-margin,-0.5px) !important;
|
|
}
|
|
spacer[part="overflow-end-indicator"]{
|
|
-moz-box-ordinal-group: 2; /* Fx < 112 compatibility */
|
|
order: 2;
|
|
}
|
|
|
|
#scrollbutton-down[disabled="true"] > .toolbarbutton-icon,
|
|
#scrollbutton-up[disabled="true"] > .toolbarbutton-icon{
|
|
opacity: 0.4;
|
|
}
|
|
#scrollbutton-up,
|
|
#scrollbutton-down{
|
|
position: relative;
|
|
z-index: 1;
|
|
visibility: var(--uc-scroll-visibility,visible);
|
|
background-clip: border-box !important;
|
|
background-origin: initial !important;
|
|
background-repeat: no-repeat !important;
|
|
opacity: 1 !important;
|
|
}
|
|
#scrollbutton-up{
|
|
margin-inline-start: calc(0px - var(--tab-shadow-max-size,0px)) !important;
|
|
background-image: var(--uc-scrollbutton-up-background);
|
|
}
|
|
#scrollbutton-down{
|
|
margin-inline-end: calc(0px - var(--tab-shadow-max-size,0px)) !important;
|
|
background-image: var(--uc-scrollbutton-down-background);
|
|
}
|
|
.scrollbox-clip{ margin-inline: var(--uc-scrollbox-margin,0px); }
|
|
|
|
/* Need to reset some things for other scrollboxes */
|
|
.menupopup-arrowscrollbox{
|
|
--tab-shadow-max-size: 0;
|
|
}
|