I have a laptop with a small screen. How do I remove the tab bar with Quantum?
There used to be an add on called: Hide Tab Bar With One Tab
I have a small laptop. I do NOT like the tab bar. Never used it, always turned it off. Had to add this software to get rid of it with the latest Firefox updates. Now with Quantum, the software is no longer compatible. It’s so annoying to see this HUGE tab bar that provides ZERO value that I will move elsewhere or go back to old Firefox to get rid of it. Would prefer if someone with some hidden talents could write a compatible version of the software to remove this super annoying “feature” of Firefox. Windows provides tabs at the bottom of the screen. Why do they insist on adding a redundant set of tabs. Seems really silly from a UI perspective.
Bob
Chosen solution
You could try this rule in a userChrome.css file. It reduces the tab bar to a narrow stripe, and when you hover any tab on the tab, it opens down. The active tab itself doesn't obey the transition timing and just pops down and up immediately. I don't know why. (Note: I tested this in Nightly, which is future Firefox 59, but I think it would work the same in Firefox 57.)
In the first rule, 29px tall is based on the height of the Compact layout density (selected in the Customize tab). The Normal layout density is 33px tall, but you probably are using Compact. If not, it's among the bottom row of controls here: Customize Firefox controls, buttons and toolbars.
/* Squash tab bar to 4px unless a tab is hovered */
#TabsToolbar,
#TabsToolbar .tabbrowser-tab[selected] {
height: 29px !important; /* 29px compact, 33px normal, YMMV */
min-height: 29px !important;
max-height: 29px !important;
transition: all 0.5s ease-in-out;
}
#TabsToolbar:not(:hover),
#TabsToolbar:not(:hover) .tabbrowser-tab[selected] {
height: 4px !important;
min-height: 4px !important;
max-height: 4px !important;
transition: all 0.5s ease-in-out;
}
About creating a userChrome.css file: https://www.userchrome.org/how-create-userchrome-css.html
Read this answer in context 👍 1All Replies (6)
Hi Bob, tabs are a deep part of the Mozilla DNA. I think the first browser to feature tabs was the Mozilla suite. I guess I'm not making you any happier about tabs with that story...
While I don't think an extension will be able to remove any built-in toolbar in the near future, you can employ a custom style rule to hide the tab bar. Such a rule probably can't be limited to when there is only one tab, at least as far as I know. What about a rule that squashes it down to 4 pixels and expands it if you hover it for a couple of seconds?
Anyway, if none of that sounds interesting and you don't get other appealing offers, I suggest trying on: https://www.reddit.com/r/FirefoxCSS/
If you have a way to squash the tab bar to less pixels, I'm all ears. That would be helpful. I did get rid of the title bar which I liked, but now don't need because the tab actually has the same wording as the title bar. And although I think the best UI feature of all time was the Menu bar, I have removed that as well. Windows itself has moved away the easiest way to pull-up functionality of ALL time, but a bunch of young whippersnappers at MS think they can do better than something that was researched for years. IDIOTS. You know, sometimes "new" is simply not better!!!
Chosen Solution
You could try this rule in a userChrome.css file. It reduces the tab bar to a narrow stripe, and when you hover any tab on the tab, it opens down. The active tab itself doesn't obey the transition timing and just pops down and up immediately. I don't know why. (Note: I tested this in Nightly, which is future Firefox 59, but I think it would work the same in Firefox 57.)
In the first rule, 29px tall is based on the height of the Compact layout density (selected in the Customize tab). The Normal layout density is 33px tall, but you probably are using Compact. If not, it's among the bottom row of controls here: Customize Firefox controls, buttons and toolbars.
/* Squash tab bar to 4px unless a tab is hovered */
#TabsToolbar,
#TabsToolbar .tabbrowser-tab[selected] {
height: 29px !important; /* 29px compact, 33px normal, YMMV */
min-height: 29px !important;
max-height: 29px !important;
transition: all 0.5s ease-in-out;
}
#TabsToolbar:not(:hover),
#TabsToolbar:not(:hover) .tabbrowser-tab[selected] {
height: 4px !important;
min-height: 4px !important;
max-height: 4px !important;
transition: all 0.5s ease-in-out;
}
About creating a userChrome.css file: https://www.userchrome.org/how-create-userchrome-css.html
Thanks for the response. Will give it a try. With a little effort, I was able to get things working good enough to use. Last problem is the weird way some text will turn into highlighted or reverse video text, making it very difficult to read. But have seen other reported problems on this topic.
BobHa said
Last problem is the weird way some text will turn into highlighted or reverse video text, making it very difficult to read.
Do you mean in the user interface or menus? I've seen reports of that but I didn't follow those threads myself.
Or in web pages? Either way, if there isn't a thread directed to that, you could start a new one. The more you can figure out the pattern of what seems to cause it, or at least what precedes it, the better.
my only comment on this thread is they should leave option to turn tabs off in options i hate tabs and it frustrates me no end when they take my ability to turn them off away! til then i just use the latest version that allows me to use tab mix plus or one tab add on! I just like my browser streamlined ocd makes tab bar bain to my exhistance lol!