From d1ff2a28467b9b13b5e861c22371147348f14e4a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 22 Dec 2024 10:12:35 +0200 Subject: [PATCH] non floating tabs: move tab group line to the top. The group line being at top makes much more sense with this style because if it was at bottom then the group-line would disconnect tab from nav-bar --- chrome/non_floating_sharp_tabs.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/chrome/non_floating_sharp_tabs.css b/chrome/non_floating_sharp_tabs.css index c4b9f99..e38208e 100644 --- a/chrome/non_floating_sharp_tabs.css +++ b/chrome/non_floating_sharp_tabs.css @@ -91,11 +91,8 @@ See the above repository for updates as well as full license text. */ box-shadow: none !important; border-top: 0 !important; outline: none !important; - padding-bottom: 1px; -} -.tab-group-label-container::after{ - bottom: 1px !important; } + /* This next rule set is needed for Fx 120, otherwise themes with translucent tabs would seem to have extra border separating them from toolbar below. */ :root[lwtheme] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background:is([selected], [multiselected]){ background-attachment: scroll, fixed, fixed !important; @@ -138,12 +135,20 @@ See the above repository for updates as well as full license text. */ margin-inline: 10px !important; margin-block: 0px !important; } + .tab-group-line{ - order: 2; + order: -1; } :where(#navigator-toolbox) > #TabsToolbar, #titlebar{ will-change: unset !important; transition: none !important; opacity: 1 !important; -} \ No newline at end of file +} +/* OPTIONAL: Make tab group line a bit more thick - this could be useful if you have a theme where +group-line color doesn't have enough contrast to be visible. */ +/* +#tabbrowser-tabs{ + --tab-group-line-thickness: 3px; +} +*/ \ No newline at end of file