Tabs in two or more Rows (like TabMixPro) in Quantum?

The github link to that css tweak seems to have disappeared… Do you still have the file? :sweat:

The file mentioned in the video description is still present: https://github.com/andreicristianpetcu/UserChrome-Tweaks/blob/09fa38a304af88b685f4086bc8ea9997dd7db0fd/tabs/multi_row_tabs_firefox_v57.css

2 Likes

Oh… so it is… Thank you…

I was looking at the list at https://github.com/andreicristianpetcu/UserChrome-Tweaks/tree/master/tabs

Drag-and-dropping tabs doesn’t work so well, though, when moving between rows…

Thank you for the video. (And also to Frank Sheiness, who wrote the steps. It was easier for me to follow in writing… :blush:)

I have several pinned tabs. When doing your mod the tab rows are all left aligned after the last pinned tab. Any ideas to have the regular tabs wrap all the way to the left of the browser screen? (Or start on the row below the pinned tabs and wrap all the way across the browser screen?)

Kind thanks in advance.

Just restart your browser. It should be fixed. At least that’s what I experienced.

Great fix, worked like a charm! congrats and thank you, Martin.
Do you have any solution to move tabs from top row to any row below it though? I can move (drag&drop) tabs in the top row with no issue, but cannot move them between rows at all…

Thanks a lot. Your links are very helpful. Hats off to your great work.

Also, just out of curiosity I wanted to know, what is the use of creating userChrome.css in the end when we have already pasted content in style editor?

Hi, this solution stopped working in FF58.

For new release, it’s needed to replace ‘.tabbrowser-tabs’ by ‘#tabbrowser-tabs’ (at 4 places)

1 Like

Thanks for the update!

Can you explain a little more, please? I don’t see ‘.tabbrowser-tabs’.

Go to about:support in FF, then by the ‘Profile Folder’ setting (about 8th from the top) click the ‘Open Folder’ button. Create the ‘chrome’ subfolder, if you don’t already have one. Inside that folder create a file called ‘userChrome.css’, inside that file paste the text from https://github.com/andreicristianpetcu/UserChrome-Tweaks/blob/09fa38a304af88b685f4086bc8ea9997dd7db0fd/tabs/multi_row_tabs_firefox_v57.css

Update that text to replace ‘.tabbrowser-tabs’ with ‘#tabbrowser-tabs’. I didn’t have to worry about the ‘.tabbrowser-tab’ entries, it still seemed to work.

Restart FF and you should have multi row tabs

4 Likes

Sorted, thanks.

Mozzie needs to set multi row tabs as default or at least a option. Scrolling though tabs is awful. That and a run/open download option.

Thank you so much for easy instructions. Worked perfect for me.

I made a version which works much better for me - in which all tabs are smaller and not expanded on the last row. Instructions;

  1. Type about:support in url field of firefox, hit enter.
  2. On the ‘Profile Folder’ setting (about 8th from the top) click the ‘Open Folder’ button.
  3. Create the ‘chrome’ subfolder, if you don’t already have one.
  4. Inside that folder create a file called ‘userChrome.css’ (right click > new > text document - make sure to name the file userChrome.css and not userChrome.css.txt or something)
  5. Open the file for editing and paste the contents of this file;
    https://gist.githubusercontent.com/forexhill/b0446cc31e5001c9e87754df83f0f1ca/raw/f4f1a807d43434a1f10908364dec56ecdf08422c/gistfile1.txt
    Into it.
  6. Restart FF and you should have multi row tabs
  7. Enjoy!

Btw, there is still a small problem (also in the original as far as I can see); it’s not possible to drag tabs well from one row to another. Any Firefox GUI expert who can fix this?

God bless!

2 Likes

Just applied your version and it works like a charm…only had to changed the Tabs Margin Left to 1 to suit my liking!
Thanks for the share.

My decision was to stick with 56v to keep all my addons. The missing multirow just turned me off. Disabled all updates and its still working.
You can also use the long term service version https://www.mozilla.org/en-US/firefox/organizations/all/

Amazing work! Finally I can again see I have all too many tabs open. Now we just need someone to make this work as an extension!

thanks fh1. Simple easy to follow, except I still have the standard 1 long row. Does this need to be enabled to work? Are there other add-ons that might be preventing it from working?

1 Like