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
This commit is contained in:
MrOtherGuy
2024-12-22 10:12:35 +02:00
parent b8fb9bdb35
commit d1ff2a2846

View File

@@ -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;
}
}
/* 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;
}
*/