mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-03 15:53:52 -08:00
101 lines
4 KiB
SCSS
101 lines
4 KiB
SCSS
/* Toolbar Height */
|
|
@include Option($tabLeptonLikePadding) {
|
|
:root:not([uidensity]) #TabsToolbar {
|
|
--tab-min-height: 36px;
|
|
}
|
|
:root[uidensity="compact"] #TabsToolbar {
|
|
--tab-min-height: 32px;
|
|
}
|
|
:root[uidensity="touch"] #TabsToolbar {
|
|
--tab-min-height: 41px;
|
|
}
|
|
}
|
|
@include Option($tabPhotonLikePadding) {
|
|
:root:not([uidensity]) #TabsToolbar {
|
|
--tab-min-height: 32px;
|
|
}
|
|
:root[uidensity="compact"] #TabsToolbar {
|
|
--tab-min-height: 29px;
|
|
}
|
|
:root[uidensity="touch"] #TabsToolbar {
|
|
--tab-min-height: 41px;
|
|
}
|
|
|
|
/* Top Margin */
|
|
.tab-background,
|
|
.tab-content {
|
|
margin-top: 0 !important;
|
|
}
|
|
}
|
|
@include NotOption($tabPhotonLikePadding) {
|
|
:root:not([uidensity]) #TabsToolbar {
|
|
--tab-min-height: 36px !important; /* 38px -> 36px */
|
|
}
|
|
:root[uidensity="compact"] #TabsToolbar {
|
|
--tab-min-height: 29px !important; /* 36px -> 29px */
|
|
}
|
|
}
|
|
@include NotOption($tabProtonLikePadding) {
|
|
#TabsToolbar {
|
|
--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;
|
|
}
|
|
}
|
|
|
|
/* Scroll Button - Size Fix */
|
|
:root #tabbrowser-arrowscrollbox {
|
|
--scrollbtn-vertical-padding: 3px;
|
|
--scrollbtn-vertical-border: 2px;
|
|
--scrollbtn-border-radius: 7px;
|
|
}
|
|
#scrollbutton-up,
|
|
#scrollbutton-down {
|
|
/* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */
|
|
/* 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;
|
|
|
|
/* Original: 4px */
|
|
border-top-width: var(--scrollbtn-vertical-border, 4px) !important;
|
|
border-bottom-width: var(--scrollbtn-vertical-border, 4px) !important;
|
|
/* Original: calc(var(--tab-border-radius) + 4px) = 8px */
|
|
border-radius: var(--scrollbtn-border-radius, calc(var(--tab-border-radius) + 4px)) !important;
|
|
}
|
|
|
|
:root[tabsintitlebar]:not([uidensity="compact"]) #toolbar-menubar[autohide="true"] {
|
|
height: calc(
|
|
var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px
|
|
); /* Compact: 28px, Normal: 33px, Touch: 38px */
|
|
}
|
|
|
|
/* Pinned Tab - Titlechanged Indicator position fix */
|
|
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
|
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
|
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
|
background-position-y: bottom calc(2.5px + var(--tabs-navbar-shadow-size)) !important;
|
|
}
|
|
:root[uidensity="compact"]
|
|
.tabbrowser-tab:is([image], [pinned])
|
|
> .tab-stack
|
|
> .tab-content[attention]:not([selected="true"]),
|
|
:root[uidensity="compact"] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
|
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
|
background-position-y: bottom calc(0.5px + var(--tabs-navbar-shadow-size)) !important;
|
|
}
|
|
:root[uidensity="touch"]
|
|
.tabbrowser-tab:is([image], [pinned])
|
|
> .tab-stack
|
|
> .tab-content[attention]:not([selected="true"]),
|
|
:root[uidensity="touch"] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
|
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
|
background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important;
|
|
}
|