How to hide the tab bar?
I've been searching for a way to hide the tab bar and reclaim that space. Some sources on the web set to change some settings in about:config and edit userChrome.css, but this did not work. This question links to an add-on to do it, but the link is broken:
Tất cả các câu trả lời (2)
Add CSS code to the userChrome.css file in the chrome folder in the Firefox profile folder. You may have to hide the "List all tabs" button.
/* TAB BAR - HIDE ONE Tab [110+] - DO NOT use tabs below #nav-bar */
#tabbrowser-tabs .tabbrowser-tab:only-of-type,
#tabbrowser-tabs .tabbrowser-tab:only-of-type + #tabbrowser-arrowscrollbox-periphery{
visibility: collapse !important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {min-height:0!important;}
#TabsToolbar:not(:hover) #alltabs-button {display:none !important;}
More info about userChrome.css/userContent.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
- https://www.userchrome.org/firefox-changes-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- about:config => toolkit.legacyUserProfileCustomizations.stylesheets = true
- https://support.mozilla.org/en-US/kb/about-config-editor-firefox
So that is almost the same advice I had already found and tried. Your CSS is slightly different and the other sources suggested setting several other settings in about:config, besides that one. It still doesn't work though. I'm on firefox 113. How can I verify that firefox is even using the css file?