mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-03-05 13:31:03 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Tab Bar - Scrollbox btn's Shadow root compatibility

Browse source
This commit is contained in:
alstjr7375 2021-05-23 12:59:56 +09:00
parent 6e4d7085c7
commit dadc39e113
1 changed files with 19 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

28
userChrome.css
View file

@ -60,11 +60,17 @@
margin-inline-start: 0 !important;
}
:root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up ),
:root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
/* Original: 4px */
padding-left: 1px !important;
padding-right: 1px !important;
:root:not([uidensity=touch]) #tabbrowser-arrowscrollbox {
--scrollbtn-inner-padding: 1px;
--scrollbtn-outer-padding: 3px;
}
#scrollbutton-up {
padding-left: var(--scrollbtn-inner-padding, 4px) !important; /* Original: 4px */
padding-right: var(--scrollbtn-outer-padding, 4px) !important;
}
#scrollbutton-down {
padding-left: var(--scrollbtn-outer-padding, 4px) !important; /* Original: 4px */
padding-right: var(--scrollbtn-inner-padding, 4px) !important;
}
:root:not([uidensity=touch]) #new-tab-button, #alltabs-button {
@ -100,11 +106,15 @@
max-height: unset;
}
:root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up ),
:root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
:root:not([uidensity=touch]) #tabbrowser-arrowscrollbox {
--scrollbtn-vertical-padding: 3px;
}
#scrollbutton-up,
#scrollbutton-down {
/* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */
padding-top: 3px !important;
padding-bottom: 3px !important;
/* https://github.com/mozilla/gecko-dev/blob/71b1259afd1cdaf41871ae675c2dadb967ea5b34/browser/themes/shared/toolbarbuttons.inc.css#L142 */
padding-top: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important;
padding-bottom: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important;
}
:root[tabsintitlebar]:not([uidensity=compact]) #toolbar-menubar[autohide="true"] {