mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-02-06 07:21:08 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Tab Bar - pinned tab bug at photon-style #330 #333

Browse source
This commit is contained in:
alstjr7375 2022-02-17 15:35:27 +09:00
parent eb8a135ce6
commit adfd27a418
1 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

20
userChrome.css
View file

@ -2866,18 +2866,26 @@ menuitem.openintabs-menuitem,
/* Toolbar Height */
#TabsToolbar {
--tab-min-height: 33px !important;
--toolbarbutton-inner-padding: unset !important;
--tab-min-height: 33px;
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 18px) / 2) !important; /* Prevent overflow pinned tab bottom margin */
}
:root[uidensity="compact"] #TabsToolbar {
--tab-min-height: 29px !important;
--tab-min-height: 29px;
}
:root[uidensity="touch"] #TabsToolbar {
--tab-min-height: 41px !important;
--tab-min-height: 41px;
}
#tabbrowser-arrowscrollbox {
max-height: calc(var(--tab-min-height) + var(--space-above-tabbar));
#tabbrowser-arrowscrollbox,
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-background {
max-height: var(--tab-min-height) !important; /* Force apply height */
}
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-background {
min-height: unset !important; /* Prevent overflow pinned tab hover background overlap */
}
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
margin-top: auto !important; /* Fix overflow pinned tab icon to vertical center */
}
/* Top Margin */