X
Tap here to go to the mobile version of the site.

منتدى الدعم

My multiple rows tabs in FF now appear as a single line instead of multiple rows. Why and how do I fix it?

Posted

My multiple rows tabs in FF now appear as a single line instead of multiple rows. Why and how do I fix it?

My multiple rows tabs in FF now appear as a single line instead of multiple rows. Why and how do I fix it?

Chosen solution

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:66.0) Gecko/20100101 Firefox/66.0

More Information

the-edmeister
  • Top 25 Contributor
  • Moderator
5406 solutions 40223 answers

Look for an updated version of the userChrome.css code you are using for that "multiple rows tabs" feature that you added to Firefox in the past.

https://www.reddit.com/r/FirefoxCSS/

Quick search of that section of Reddit: https://www.reddit.com/search?q=Multi-row+tabs

Look for an updated version of the userChrome.css code you are using for that "multiple rows tabs" feature that you added to Firefox in the past. https://www.reddit.com/r/FirefoxCSS/ Quick search of that section of Reddit: https://www.reddit.com/search?q=Multi-row+tabs

Question owner

I have this in my userChrome.css file. The last line of the code below works, the font IS RED. But still the multitabs are in ONE row only. Why? Max

  1. PersonalToolbar {
 min-height: 200 !important;
 max-height: 300 !important;

/* text-align: center !important; */ }

  1. PersonalToolbar #PlacesToolbarItems {
 overflow-x: visible !important;
 overflow-y: visible !important;
 display: inline-block !important;

}

tab{ -moz-appearance: none !important; } tab[selected="true"] { background-color: black !important; color: red !important; }

I have this in my userChrome.css file. The last line of the code below works, the font IS RED. But still the multitabs are in ONE row only. Why? Max #PersonalToolbar { min-height: 200 !important; max-height: 300 !important; /* text-align: center !important; */ } #PersonalToolbar #PlacesToolbarItems { overflow-x: visible !important; overflow-y: visible !important; display: inline-block !important; } tab{ -moz-appearance: none !important; } tab[selected="true"] { background-color: black !important; color: red !important; }

Chosen Solution

See multi row tabs css file here https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome SOLVED!