Firefox 133 update moved tab location, again.
I prefer the tabs be below the bookmark bar, and successfully modified the CSS file to do this some time back. Now update 133 has once again pushed them up below the menu bar. What do I have to do to get them back where I want them this time? And why can't you just leave the tab location preference alone when doing updates?
All Replies (4)
You can check if there is an update available from the creator of your CSS code, there might be a link in the code where you can get the latest version.
You can set this pref to false in about:config to disable userChrome.css and userContent.css.
- about:config => toolkit.legacyUserProfileCustomizations.stylesheets => false
- https://support.mozilla.org/en-US/kb/about-config-editor-firefox
This worked for me:
/* TABS on bottom */
- navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10;
}
- TabsToolbar {
-moz-box-ordinal-group: 1000 !important;
}
- TabsToolbar {
display: block !important; position: absolute !important; bottom: 0 !important; width: 100vw !important;
}
- main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
- tabbrowser-tabs {
width: 100vw !important;
}
- TabsToolbar #window-controls {
display: none !important;
}
Cor-el - Last update regarding tabs on userChrome.org was the one I used for versions before 133, that's stopped working.
Minnie - When I copined your recommendation, the "1. " in front of some lines didn't copy. Do they need to be there? Tried pasting your recommendation into userChrome.css without them and the tabs still come out on top. Did you change anything else, besides adding the code you suggested?
PIckAnotherID said
Cor-el - Last update regarding tabs on userChrome.org was the one I used for versions before 133, that's stopped working.
Sorry, I don't maintain code for moving tabs because it changes too often. You can try code you find here, or one of these two major repositories:
- MrOtherGuy: https://github.com/MrOtherGuy/firefox-csshacks
- Aris: https://github.com/Aris-t2/CustomCSSforFx/
For personal assistance with userChrome.css questions, I suggest this subreddit: https://www.reddit.com/r/FirefoxCSS/
As for why there need to be changes at all, the Firefox interface was built using proprietary code rather than standard HTML and CSS, and over time, they are modernizing different parts of it. For custom CSS purposes, it certainly would have been convenient if that were done all at once, but too late now.