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

Add-ons Add-on Support
#1

Just upgraded to Quantum. Now i miss a (for me) very important function:

Is it possible to show all open Tabs in more than one row. In TabMixPlus (in the old version) it was possible to make a second or third row to display all open Tabs. Now i have to scroll left and right to find my Tabs. And i have very much Tabs in the background opened…

Anyone an idea how to configure or is there any Add-on that will work like TabMixPro (or will Tab Mix Pro come again under Quantum?)

1 Like
#2

Have to abandon Firefox without this function of Tabs in many rows. Any help?

#3

@andreip created a vimeo video covering how to achieve this in Firefox Quantum: https://vimeo.com/242120210

4 Likes
#4

It’s not easy to realize it, but it works
:slight_smile:
Thank you for your work and the description video.

#5

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

#6

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
#7

Oh… so it is… Thank you…

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

#8

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

#9

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.

image
image.png1360×1040 70.8 KB

#10

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

#11

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…

#12

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?

#13

Hi, this solution stopped working in FF58.

#14

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

1 Like
#15

Thanks for the update!

#16

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

#17

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

3 Likes
#18

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.

#19

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

#20

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!

1 Like