Multi-Row-Tabs

[spilparc]

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?

[smsmith]

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

[madmudmob]

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;
}