diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 87324f4..e8c8a8b 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3465,7 +3465,7 @@ padding-inline: 1px !important; } } - .tabbrowser-tab:not([last-visible-tab]) { + #TabsToolbar:not([multibar]) .tabbrowser-tab:not([last-visible-tab]) { margin-inline-end: -1px !important; } } @@ -3596,18 +3596,30 @@ /* 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 { + :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"] #tabbrowser-arrowscrollbox { + :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { height: var(--tab-min-height) !important; } } + /* Works with TabMixPlus */ + #TabsToolbar[multibar] .tabbrowser-tab { + height: unset !important; + /* Original: var(--tab-min-height_mlt) */ + } + /* Scroll Button - Size Fix */ :root #tabbrowser-arrowscrollbox { --scrollbtn-vertical-padding: 3px; @@ -6162,7 +6174,7 @@ z-index: 1 !important; } - #TabsToolbar { + #TabsToolbar:not([multibar]) { overflow: hidden; /* Prevent toolbar area over */ } @@ -6492,8 +6504,12 @@ --tab-separator-position-x: 2.5px; } + #tabbrowser-arrowscrollbox-periphery { + position: relative; + } + @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - #tabbrowser-arrowscrollbox { + #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { position: absolute; } diff --git a/src/padding/_tabbar_height.scss b/src/padding/_tabbar_height.scss index 02456f7..05f6e2d 100644 --- a/src/padding/_tabbar_height.scss +++ b/src/padding/_tabbar_height.scss @@ -48,17 +48,22 @@ --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 { + :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"] #tabbrowser-arrowscrollbox { + :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { height: var(--tab-min-height) !important; } } +/* Works with TabMixPlus */ +#TabsToolbar[multibar] .tabbrowser-tab { + height: unset !important; /* Original: var(--tab-min-height_mlt) */ +} + /* Scroll Button - Size Fix */ :root #tabbrowser-arrowscrollbox { --scrollbtn-vertical-padding: 3px; diff --git a/src/padding/_tabbar_width.scss b/src/padding/_tabbar_width.scss index 6797e88..222303c 100644 --- a/src/padding/_tabbar_width.scss +++ b/src/padding/_tabbar_width.scss @@ -95,7 +95,7 @@ padding-inline: 1px !important; } } - .tabbrowser-tab:not([last-visible-tab]) { + #TabsToolbar:not([multibar]) .tabbrowser-tab:not([last-visible-tab]) { margin-inline-end: -1px !important; } } diff --git a/src/tab/_connect_to_window.scss b/src/tab/_connect_to_window.scss index e163495..cd05b30 100644 --- a/src/tab/_connect_to_window.scss +++ b/src/tab/_connect_to_window.scss @@ -16,7 +16,7 @@ #tabbrowser-tabs { z-index: 1 !important; } -#TabsToolbar { +#TabsToolbar:not([multibar]) { overflow: hidden; /* Prevent toolbar area over */ } diff --git a/src/tab/unselected_tab/_dynamic_separator.scss b/src/tab/unselected_tab/_dynamic_separator.scss index f1a8ed7..c0a1a3a 100644 --- a/src/tab/unselected_tab/_dynamic_separator.scss +++ b/src/tab/unselected_tab/_dynamic_separator.scss @@ -35,8 +35,12 @@ } } +#tabbrowser-arrowscrollbox-periphery { + position: relative; +} + @include Option("userChrome.tab.newtab_button_like_tab") { - #tabbrowser-arrowscrollbox { + #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { position: absolute; }