tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

multi-row-tabs: Use tabbrowser-tabs as the tab container

Browse Source 
This makes tabs scrollboxes have display:contents and thus makes tabs
use tabbrowser-tabs as their parent container.

Reason being that in firefox 141 the pinned tabs are moved to separate
scrollbox which would then have it's own display block.
Fixes #551
This commit is contained in:
MrOtherGuy
2025-06-04 16:33:27 +03:00
parent a9d0818e2c
commit 96476e85ac
1 changed files with 18 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
chrome/multi-row_tabs.css
View File

@@ -16,38 +16,32 @@ See the above repository for updates as well as full license text. */
--multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
}
#tabbrowser-tabs{
#tabbrowser-tabs[orient="horizontal"]{
min-height: unset !important;
padding-inline-start: 0px !important
padding-inline-start: 0px !important;
--uc-scrollbutton-display-model: none;
--uc-scrollbox-display-model: contents;
flex-wrap: wrap;
overflow-y: auto;
overflow-x: hidden;
max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) * var(--multirow-n-rows));
scrollbar-color: currentColor transparent;
scrollbar-width: thin;
scrollbar-gutter: stable;
scroll-snap-type: y mandatory;
}
@-moz-document url(chrome://browser/content/browser.xhtml){
#scrollbutton-up~spacer,
#scrollbutton-up,
#scrollbutton-down{ display: var(--scrollbutton-display-model,initial) }
#scrollbutton-down{ display: var(--uc-scrollbutton-display-model,initial) }
#pinned-tabs-container[orient="horizontal"],
#tabbrowser-arrowscrollbox[orient="horizontal"],
scrollbox[part][orient="horizontal"] > slot,
scrollbox[part][orient="horizontal"]{
display: flex;
flex: 1;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) * var(--multirow-n-rows));
scrollbar-color: currentColor transparent;
scrollbar-width: thin;
scrollbar-gutter: stable;
scroll-snap-type: y mandatory;
scrollbox[part="scrollbox"][orient="horizontal"]{
display: var(--uc-scrollbox-display-model,initial) !important;
}
scrollbox[part][orient="horizontal"] > slot{
overflow-x: hidden;
}
}
.scrollbox-clip[orient="horizontal"],
#tabbrowser-arrowscrollbox{
overflow: -moz-hidden-unscrollable;
display: inline;
--scrollbutton-display-model: none;
}
.tabbrowser-tab{ scroll-snap-align: start; }