I guess this is the one feature from Tab-Mix-Plus that I miss the most.
Does anyone know of an extension that will give you Multi-Row-Tabs with Quantum?
Multi-Row-Tabs
- smsmith
- Moderator
- Posts: 19979
- Joined: December 7th, 2004, 8:51 pm
- Location: Indiana
Re: Multi-Row-Tabs
Don't know of an extension to do this, but it's possible through userChrome customization.
See this page first:
https://github.com/Aris-t2/CustomCSSforFx
Scroll down to the instructions/how-tos/readme section. I don't know how familiar you are or aren't with this stuff, so I would encourage you to poke around in that section as much as you think you need to. You can also see this: http://forums.mozillazine.org/viewtopic ... &t=3037817
Then, following the guide, add the code from one or the other of these (but not both):
https://github.com/Aris-t2/CustomCSSfor ... _lines.css
https://github.com/Aris-t2/CustomCSSfor ... nes_v2.css
See this page first:
https://github.com/Aris-t2/CustomCSSforFx
Scroll down to the instructions/how-tos/readme section. I don't know how familiar you are or aren't with this stuff, so I would encourage you to poke around in that section as much as you think you need to. You can also see this: http://forums.mozillazine.org/viewtopic ... &t=3037817
Then, following the guide, add the code from one or the other of these (but not both):
https://github.com/Aris-t2/CustomCSSfor ... _lines.css
https://github.com/Aris-t2/CustomCSSfor ... nes_v2.css
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
- madmudmob
- Posts: 810
- Joined: August 30th, 2006, 7:34 am
- Location: Somerset, UK
Re: Multi-Row-Tabs
This works for me .....
Code: Select all
/*
The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs
changed selectors accordingly
*/
.tabbrowser-tab:not([pinned]) {
flex-grow:1;
min-width:133px !important; /* Needed important tag, width can be whatever you like */
max-width: 233px !important; /* Makes the tabs always fill the toolbar width */
}
.tabbrowser-tab,.tab-background {
height:var(--tab-min-height);
}
.tab-stack {
width: 100%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}
#titlebar,#titlebar-buttonbox{
height:var(--tab-min-height) !important;
}
#titlebar{
margin-bottom:calc(var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #titlebar{
margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #TabsToolbar{
margin-left:var(--tab-min-height);
}
#titlebar:active{
margin-bottom:0 !important;
}
#titlebar:active #titlebar-content{
margin-bottom:var(--tab-min-height) !important;
}
#tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){
display: none;
}
/* This enables maximum width before scrollbar is shown */
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
#tabbrowser-tabs .scrollbox-innerbox {
max-height: 100px;
overflow-y:auto;
}
Mud is good!