MozillaZine

Multi-Row-Tabs

Discussion of general topics about Mozilla Firefox
spilparc

User avatar
 
Posts: 195
Joined: January 3rd, 2006, 4:31 pm

Post Posted March 3rd, 2018, 4:17 am

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
Moderator

User avatar
 
Posts: 19757
Joined: December 7th, 2004, 8:51 pm
Location: Indiana

Post Posted March 3rd, 2018, 8:27 am

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: viewtopic.php?f=38&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.

madmudmob

User avatar
 
Posts: 810
Joined: August 30th, 2006, 7:34 am
Location: Somerset, UK

Post Posted March 4th, 2018, 10:59 am

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!

Return to Firefox General


Who is online

Users browsing this forum: No registered users and 4 guests