userChrome.css not working on newly installed FF

[arturox]

As a user with a similar problem I've come over from another thread "Firefox 65 and a css problem" as this seems longer established I'll remain here.

Mine started earlier today (UK time) when I updated a Fx 64.0.2 to 65 and suddenly the *Hated* Tabs on top was restored.
It's only the snippet of tabs below the "Navigation & Bookmarks Toolbars" that's failing, other css snippets in the file are working okay.

The snippet of css I have for Navigation & Bookmarks Toolbars below, is the same as noted in "rumble's" posting.

Looking forward to watching the progress (Or not here).

Arturox

[kerft]

This thread should give you tabs below - https://support.mozilla.org/en-US/quest ... er-1192279
If you in the future see a user asking how to get tabs below / tabs on bottom / tabs under location bar - please post them that link.

[m.rumble]

Thanks kerft, for the link. If I copy and paste the code into my CSS file it fixes the Tabs on Top problem. But, being only an amateur when it comes to CSS code, I'm not able to figure out what lines control the position of the Tabs. Is it possible for someone to extract the code that does this, so I don't have to include all the other lines?

[arturox]

Mmnnnn!
Thanks indeedy for all that css at the link...
My problem though... I have no idea how to find, among that lot the bit that will put the tabs below the toolbars, not a clue.

Ax

[kerft]

From this thread: https://www.reddit.com/r/FirefoxCSS/com ... on_bottom/
If you do not use the menu bar, this code may be a little simpler:
https://github.com/MrOtherGuy/firefox-c ... bottom.css
Support for those css codes is best found in their thread.

[Frank Lion]

Mmnnnn!
Thanks indeedy for all that css at the link...
My problem though... I have no idea how to find, among that lot the bit that will put the tabs below the toolbars, not a clue.

Ax

Glancing at that lot, it would be -

Code: Select all

/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}

Bear in mind that Aris isn't using a top namespace line with this lot. So you just paste the above.

Also bear in mind, that I haven't tested this code, just read the code directly. But, that's the relevant section for tabs on bottom.

[arturox]

Tarnations...
I tried that code in my test userChrome.css but it didn't make any difference, Tabs still up-top.

Thanks for trying.
Ax

[Grumpus]

Try this, I couldn't get some of the presented code to work and used this: Make sure the keymaster line precedes all as below

Code: Select all

/* Nav bar above */
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#nav-bar {
-moz-box-ordinal-group: 1 !important; }

/* Personal toolbar in the middle */
#PersonalToolbar {
-moz-box-ordinal-group: 2 !important; }

/* Tabs below */
#TabsToolbar {
-moz-box-ordinal-group: 3 !important; }

Add this if the nav bar is hazy:

Code: Select all

/* Remove Haze NavBar */
#nav-bar,
#PersonalToolbar {
  background: transparent !important;
}

[Frank Lion]

Tarnations...
I tried that code in my test userChrome.css but it didn't make any difference, Tabs still up-top.

Thanks for trying.
Ax

Well, the first thing for you to do is to paste all of the original code in, from that link - https://github.com/trogau/firefoxSettin ... Chrome.css. If it still doesn't work for you (and I note that other css in your file is working), then what section does what becomes irrelevant and is no use to you..

If the entire code does work then it's just a question of removing stuff you don't need.

[arturox]

I'm using a test userchrome so I don't fu my working one... The stuff that does work.

In my test userChrome.css I only have the above code you posted Frank, nothing else.

I'll try the snippet from grumpus next.
Thanks
Ax

[arturox]

Okay, I pasted in the whole kit n' caboodle from the github url.
Run Firefox and the tabs are back down below.
Copied and Pasted in my snippets from the real userChrome file and reran Fx and yes Tabs still below and my code actioned okay.

So folks how do I find the few line of code that put the tabs down below so I can excise 100s of lines of I know not what... ?

Binary chop time I guess...

Ax

[Frank Lion]

Binary chop time I guess...

Nope, you'd get inter-dependant bits being discarded and you wouldn't know where you are.

I'd leave in, atm, any section referring to root or Win7/Win10 tweaks. Instead, comment out sections that seem unrelated i.e. like this -

Code: Select all

/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
}

...is commented out like this -

Code: Select all

/* remove tab fog 
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
} */

Save and then test.

[arturox]

Aha!
Good thinking frank, commenting out and testing rather than chopping and testing, that can come later.

Excellent, thanks.
I'm not going to have time (late evening UK time) now to do all that, so a job for tomorrow...

Cheers
Ax

[ineuw]

Lo and behold, the github css is working for me, but how would it be possible to return the menu bar to its original location.

[arturox]

Final posting before I'm off to do my ablutions.
I also asked the question in another place... And before I shutdown for the night I had a look to see if there were any useful answers, there was, accompanied by a concise bit of code that worked.
A did a couple of tweaks to the code relating to Tab size, and now everything is as it was before the update.
The URL of the place is:

https://support.mozilla.org/en-US/quest ... er-1192325

This has been an interesting experience, thanks to all contributors.

Ax