We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox 57 tab navigation buttons

  • 3 replies
  • 1 has this problem
  • 5 views
  • Last reply by cor-el

gicos
gicos
more options

Very, very impressed with FF 57. I'm using it on Ubuntu. Kudos to developers. A few tweaks in userChrome.css and I'm nearing perfection but for one thing. I've got tab minimum width cranked down so that I can see at least an icon for some 30-40 tabs, which is more than I'll ever need in one window. There's a lot of real estate given to the left and right tab navigation buttons. I understand that they have special functionality since the tabs change width based upon the quantity. But with the outstanding functionality of the List All Tabs button they aren't really needed. I suspect that most can figure out what tab they need with just an icon, and for those times when it's not enough there's still the List All Tabs button.

Is there a way to hide the left-right buttons and give that real estate to the tabs themselves? Or, at a minimum, reduce the button padding from the left and right of the window? Thanks!

Very, very impressed with FF 57. I'm using it on Ubuntu. Kudos to developers. A few tweaks in userChrome.css and I'm nearing perfection but for one thing. I've got tab minimum width cranked down so that I can see at least an icon for some 30-40 tabs, which is more than I'll ever need in one window. There's a lot of real estate given to the left and right tab navigation buttons. I understand that they have special functionality since the tabs change width based upon the quantity. But with the outstanding functionality of the List All Tabs button they aren't really needed. I suspect that most can figure out what tab they need with just an icon, and for those times when it's not enough there's still the List All Tabs button. Is there a way to hide the left-right buttons and give that real estate to the tabs themselves? Or, at a minimum, reduce the button padding from the left and right of the window? Thanks!

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

This code work for me in userChrome.css to hide the tab bar scroll buttons. I sometimes noticed weird effect when pinning a tab and in that case toggling Full Screen mode on/off worked to redraw the tab bar (a window resize might works as well)

Add code to the userChrome.css file below the default @namespace line. 

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.tabbrowser-arrowscrollbox :-moz-any(.scrollbutton-up,.scrollbutton-down) {display:none!important;}
  • create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • use a plain text editor to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userChrome.css file in the editor window
  • make sure that the userChrome.css file starts with the default @namespace line

Modified by cor-el

gicos
gicos Question owner
more options

Thank you so much, cor-el! Works perfectly and frees up a ton of real estate. I think that'd be a great tip for the user manual.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome and thanks for confirming that the code works.