Getting tabs across full width of window
When I have a handful of tabs open, they start scrolling off-screen, despite the fact that there is plenty of room on the tab bar. In fact, tabs never seem to populate the right 50% of the tab bar. I have found plenty of advice about how to set minimum and maximum sizes for the tabs themselves, but that is not my problem. I want to be able to see all of my tabs when there is plenty of room to show them. Any way to solve this?
Chosen solution
Make sure you have width:100vw; property rules.
#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
See also this forum response for updated CSS code for Firefox 89+:
All Replies (6)
Hmm, does anything else seem to be using that empty space?
You can use the Customize panel to check whether there is some kind of spacer there (and remove it): Customize Firefox controls, buttons and toolbars.
Hi jscher2000. Thanks for replying. I checked the customize panel, and there isn't anything there that I can see. Here's a screenshot showing my tab bar, with about ten open tabs.
Hmm, moving the bar with userChrome.css? Perhaps there is a glitch with whatever maintains the width. Can you go back to the source of your rules and see whether there is an update for Firefox 96?
I think you are the right track. I temporarily renamed the userChrome.css file, and the tab bar went to full width, but of course, above the other toolbars. I'll dig into the contents of that file. Thanks for your help.
Chosen Solution
Make sure you have width:100vw; property rules.
#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
See also this forum response for updated CSS code for Firefox 89+:
Cor-el... That was it! One quick edit, and all is now well. Thank you so much.