Tabs Below Firefox 110.0.1 Linux

[P38Usul]

Just spent a day trying to get Firefox back to where I had it.
Can't even find Firefox in Kubuntu 22.04

Please someone help get the tabs back on the bottom like I had them.
This is Firefox 110.0.1 Snap (although I now have another name for it)

I know I have to put the chrome.css file in the firefox directory but I can't even find that anymore.
PLEASE......I need help getting this back to the way I had it.

[P38Usul]

I've been looking at "Brave Web Browser".
Obviously FF is never going allow us the simple choice and freedom of where to put the tabs (like they used to). It might be time to switch and learn the new browser.
Too bad.

[xanthon]

Where does Brave put tabs? GC has them on top and you can't change that. Perhaps it would be easier to use the regular build instead of the one you have tried.

https://www.mozilla.org/firefox/all/#pr ... op-release

[P38Usul]

Installed FF from Synaptic and it is working except for the Tabs not being below.

[Grumpus]

Some or part of this code should work/
Part of the issue is it's been adjusted ever since 2005, this is the latest mishmash which works for me on four Linux systems.
Some things like the hazing may not work and if leaving the xul line at the beginning search for XUL in about:config and enable or make true.
You may also want to remove some other things.Make sure you set the extensions.webextensions.userScripts.enabled to true and
toolkit.legacyUserProfileCustomizations.stylesheets to true.
This would go in a folder in your profile called chrome and the file name would be userChrome.css

Code: Select all

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

/* TABS: on bottom - 89+ */

*|*:root {
 --tab-toolbar-navbar-overlap: 0px !important;

 --tab-min-height:      28px !important; /* adjust to suit your needs */
 --tab-min-width:       80px !important; /* adjust to suit your needs */

 --menubar-height: 34px;
 --bookmarkbar-height: 32px;
 --tabbar-top: calc(var(--menubar-height) + var(--bookmarkbar-height) + var(--tab-min-height) + 9px); /*89+*/
}

#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;
top: var(--tabbar-top) !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}

/* navigator-toolbox - padding */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/
}

/* TABS: height */
#tabbrowser-tabs,
#tabbrowser-tabs .tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !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;
}

/* hide indicators and caption buttons */
#TabsToolbar .private-browsing-indicator   {display: none !important;}
#TabsToolbar .accessibility-indicator      {display: none !important;}
#TabsToolbar .titlebar-buttonbox-container {display: none !important;}

[dickvl]

You need to use code in userChrome.css to get the tabs below the Navigation Toolbar.
I haven't noticed changes in 110 that affects my code for tabs below.

You can try the code posted in this reply:
http://forums.mozillazine.org/viewtopic ... #p14894237

[P38Usul]

Ok got it working sorta.
The tabs are below, but too far below.
They are hidden underneath the currently open page and where they should be (right underneath the location bar) is blank.
Help?

[P38Usul]

You need to use code in userChrome.css to get the tabs below the Navigation Toolbar.
I haven't noticed changes in 110 that affects my code for tabs below.

You can try the code posted in this reply:
http://forums.mozillazine.org/viewtopic ... #p14894237

That one worked.
Many thanks.

[P38Usul]

This page was real helpful for me.

https://www.userchrome.org/how-create-u ... e-css.html


I'm getting too old for this I guess.

Thanks again
Greg