Vrftjkry

Firefox Quantum breaks tab mix plus and tab kit. Is there any way to get a multi-row tab bar in Firefox Quantum?

If possible, I'm looking for a supported, stable solution, that is unlikely to break at the next new version.

I tried looking for alternatives for this too and found no real options but to use a combination of addons:

I'm now using Tab Mix Plus (WebExtensions) and the Tree Style Tab addons, along with Session Sync, using a combination of those I can make a more bearable experience the tab management.

The tree style tab allows for a good alternative to the multirow feature due to the width of monitors and current resolutions, listing several tabs at the sidebar, the session sync improves the management via grouping of tabs in windows sessions and tab mix plus webextensions allows for related pages to stay in the same window. It's obviously not a multirow setup, but it's better than nothing.

To have the tabs on multiple rows, without icons, of a fixed size I do as follows. Tested on Firefox 57 through 61 on Linux Fedora, without the need of installing tab mix plus. All credits go to these posts:

https://www.reddit.com/r/firefox/comments/726p8u/multirow_tabs_firefox_ignores_mozboxflex/dngb8qf/

https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/

The drag and drop of the tabs does not work well, but it does not break anything either.

The tabs are there, anyway.

If you do not want to remove the icons from the tabs, then omit the following two lines from the file that we are going to write:

/* Tabs: no icons */

.tabbrowser-tabs .tab-icon-image { display: none !important; }

So, let's get started.

Close firefox.

On Linux create the following folder, where RANDOMCHARACTERS will be different for each Firefox account:

~/.mozilla/firefox/RANDOMCHARACTERS.default/chrome/

On Windows 7, create the following folder, where YOURUSERNAME is your Windows' username and RANDOMCHARACTERS will be different for each Firefox account:

C:UsersYOURUSERNAMEApplication DataMozillaFirefoxProfilesRANDOMCHARACTERS.defaultchrome

On older versions of Windows the folder is:

C:Documents and SettingsYOURUSERNAMEApplication DataMozillaFirefoxProfilesRANDOMCHARACTERS.defaultchrome

Inside the above folder, create a file named userChrome.css

It must be plain text.

Therefore you must save it as .txt, not as .doc or .rtf or other.

Copy the following text and paste it in the userChrome.css file.
Save the file.

That's it.

Enjoy :)

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */



/* Tabs: no icons */

.tabbrowser-tabs .tab-icon-image { display: none !important; }



/* all the following is to have multiple rows of tabs */



/*

The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs

changed selectors accordingly

*/

.tabbrowser-tab:not([pinned]) {

    flex-grow:1;

    min-width:150px !important; /* Needed important tag, width can be whatever you like */

    max-width: 150px !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;

}