102 lines
3.6 KiB
SCSS
102 lines
3.6 KiB
SCSS
/* Toolbar Height */
|
|
@include Option("userChrome.tab.lepton_like_padding") {
|
|
:root {
|
|
&:not([uidensity]) {
|
|
--tab-min-height: 36px !important;
|
|
}
|
|
&[uidensity="compact"] {
|
|
--tab-min-height: 32px !important;
|
|
}
|
|
&[uidensity="touch"] {
|
|
--tab-min-height: 41px !important;
|
|
}
|
|
}
|
|
}
|
|
@include Option("userChrome.tab.photon_like_padding") {
|
|
:root {
|
|
&:not([uidensity]) {
|
|
--tab-min-height: 32px !important;
|
|
}
|
|
&[uidensity="compact"] {
|
|
--tab-min-height: 29px !important;
|
|
}
|
|
&[uidensity="touch"] {
|
|
--tab-min-height: 41px !important;
|
|
}
|
|
}
|
|
|
|
/* Top Margin */
|
|
.tab-background,
|
|
.tab-content {
|
|
margin-top: 0 !important;
|
|
}
|
|
}
|
|
@include NotOption("userChrome.tab.lepton_like_padding") {
|
|
@include NotOption("userChrome.tab.photon_like_padding") {
|
|
:root {
|
|
&:not([uidensity]) {
|
|
--tab-min-height: 36px !important; /* 38px -> 36px */
|
|
}
|
|
&[uidensity="compact"] {
|
|
--tab-min-height: 29px !important; /* 36px -> 29px */
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
:root {
|
|
/* Works with TabMixPlus */
|
|
--tab-min-height_mlt: calc(var(--tab-min-height) + 2 * (var(--tab-block-margin, var(--proton-tab-block-margin, 0px)))) !important;
|
|
}
|
|
#TabsToolbar[multibar] .tabbrowser-tab {
|
|
height: unset !important; /* Original: var(--tab-min-height_mlt) */
|
|
}
|
|
|
|
@include Option("userChrome.tab.connect_to_window") {
|
|
:root {
|
|
--tab-min-height_mlt: calc(var(--tab-min-height) + var(--tab-block-margin, var(--proton-tab-block-margin, 0px))) !important;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 18px) / 2) !important; /* Prevent overflow pinned tab bottom margin */
|
|
}
|
|
|
|
@include NotOption("userChrome.tabbar.multi_row") {
|
|
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
|
|
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
|
|
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
|
|
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
|
|
max-height: var(--tab-min-height) !important; /* Force apply height */
|
|
}
|
|
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #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 */
|
|
}
|