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

Add: Tab Bar - Multi row #315

Browse source
This commit is contained in:
alstjr7375 2022-10-06 02:50:40 +09:00
parent fdbca947d7
commit cfa94d4955
8 changed files with 205 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/padding/_tabbar_height.scss
View file

@ -48,14 +48,16 @@
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 18px) / 2) !important; /* Prevent overflow pinned tab bottom margin */
}
:root:not([uidensity="compact"]) #tabbrowser-arrowscrollbox,
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */
}
:root[uidensity="compact"] #tabbrowser-arrowscrollbox {
height: var(--tab-min-height) !important;
@include NotOption("userChrome.tabbar.multi_row") {
:root:not([uidensity="compact"]) #tabbrowser-arrowscrollbox,
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
max-height: var(--tab-min-height) !important; /* Force apply height */
}
:root[uidensity="compact"] #tabbrowser-arrowscrollbox {
height: var(--tab-min-height) !important;
}
}
}

6
src/padding/_tabbar_width.scss
View file

@ -95,8 +95,10 @@
padding-inline: 1px !important;
}
}
.tabbrowser-tab:not([last-visible-tab]) {
margin-inline-end: -1px !important;
@include NotOption("userChrome.tabbar.multi_row") {
.tabbrowser-tab:not([last-visible-tab]) {
margin-inline-end: -1px !important;
}
}
}
@include Option("userChrome.tab.photon_like_padding") {