Unable to get tabs below bookmarks in Firefox 65 even with new userChrome.css file in profiles folder as well as in defaul profile folder.
After updating to Firefox 65 the tabs went back to the top. I want tabs below the bookmarks. I have tried placing several new userChrome.css files in both the chrome folder located in Profiles and also a chrome folder located in my default profile. Neither seems to do the job.
What am I missing?
The last userChrome.css file is as follows: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* 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 {
position: absolute !important; bottom: 0 !important; width: 100vw !important;
}
- tabbrowser-tabs {
width: 100vw !important;
}
- main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
/* TABS: height */
- root {
--tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 27px !important; /* adjust to suit your needs */
}
- root #tabbrowser-tabs {
--tab-min-height: 27px !important; /* needs to be the same as above under :root */ --tab-min-width: 80px !important;
}
- TabsToolbar {
height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}
- tabbrowser-tabs,
- tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important;
}
/* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
width: 40px;
}
/* Override vertical shifts when moving a tab */
- navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
- navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important; margin-bottom: unset !important;
}
- navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
Chosen solution
Solved Needed to place chrome folder in correct place, i.e. Roaming
Read this answer in context 👍 0All Replies (3)
Chosen Solution
Solved Needed to place chrome folder in correct place, i.e. Roaming
If this is supposed to work, could someone please place the code in a single reply as text that I can copy and paste in my Chrome.css file? I'm not all that familiar with CSS, and I find the way this is displayed here confusing.
See this thread for updated userChrome.css code for Firefox 65 to move the tabs to the bottom position.
- [/questions/1248277] Reposition Tabs at bottom, directly above web page in Firefox 65.0?