From 1c158ec2dc1ba1b5f3b96a124f85a5b4b3b5c0f6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 25 Jul 2025 12:37:04 +0300 Subject: [PATCH] Apply styles affecting #tabbrowser-arrowsrollbox to pinned container --- chrome/hide_tabs_with_one_tab.css | 1 + chrome/hide_tabs_with_one_tab_w_window_controls.css | 1 + chrome/shrinking_pinned_tabs.css | 6 +++--- chrome/tabs_animated_gradient_border.css | 2 +- 4 files changed, 6 insertions(+), 4 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index fb811ef..66bbeaf 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -14,6 +14,7 @@ This will NOT work correctly if you have hidden tabs such as with tab groups ext #TabsToolbar{ min-height: 0px !important } #tabbrowser-tabs, +#pinned-tabs-container, #tabbrowser-arrowscrollbox{ min-height: 0 !important; } .accessibility-indicator, diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 8f0a900..e7fab91 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -33,6 +33,7 @@ Window controls will be all wrong without it #tabbrowser-tabs:not([overflow]) ~ #alltabs-button{ display: none } #tabbrowser-tabs, +#pinned-tabs-container, #tabbrowser-arrowscrollbox{ min-height: 0 !important; } #TabsToolbar > .titlebar-spacer[type="post-tabs"]{ diff --git a/chrome/shrinking_pinned_tabs.css b/chrome/shrinking_pinned_tabs.css index 1a6c9ff..919f56d 100644 --- a/chrome/shrinking_pinned_tabs.css +++ b/chrome/shrinking_pinned_tabs.css @@ -3,16 +3,16 @@ See the above repository for updates as well as full license text. */ /* Makes pinned tab width shrink dynamically, similar to unpinned tab width. */ -#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[pinned] { +:is(#pinned-tabs-container,#tabbrowser-arrowscrollbox:not([overflowing])) .tabbrowser-tab[pinned] { flex-grow: 10; max-width: 40px; } -:root[uidensity="compact"] #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[pinned] { +:root[uidensity="compact"] :is(#pinned-tabs-container,#tabbrowser-arrowscrollbox:not([overflowing])) .tabbrowser-tab[pinned] { max-width: 32px } -#tabbrowser-arrowscrollbox .tab-content[pinned] { +:is(#pinned-tabs-container,#tabbrowser-arrowscrollbox) .tab-content[pinned] { padding: 0px !important; justify-content: center; } diff --git a/chrome/tabs_animated_gradient_border.css b/chrome/tabs_animated_gradient_border.css index 5e70282..f5bd370 100644 --- a/chrome/tabs_animated_gradient_border.css +++ b/chrome/tabs_animated_gradient_border.css @@ -34,7 +34,7 @@ Thanks to /u/skenera on reddit for suggesting animating background position and pointer-events: none; z-index: 0; } - +#pinned-tabs-container, #tabbrowser-arrowscrollbox{ margin-inline: 0 !important; --tab-shadow-max-size: 0px;