How to (re)position the tab bar under the address bar in Firefox 89?

Solved
fredbxlbe2021 Posted messages 9 Status Member -  
 Bene -
Hello,

I was successfully using the modification of the userchrome.css file until this new version of Firefox.
The tab bar has become almost invisible, so I searched for what was blocking it, and I believe it's the line "position: absolute !important;" in #TabsToolbar.
By removing it, I restore my usual environment (visible and well-calibrated tab bar) except that it has moved back between the menu bar and the address bar....
Any ideas on how to move it back under the personal toolbar (which was the original goal)?
Note: this all concerns Firefox 89, restricted by setting the first four lines of the "Proton" search in about:config to (False).

Thank you for any suggestions and have a great weekend ;-)
Fred

17 answers

  1. little boy62 Posted messages 4 Registration date   Status Member Last intervention   1 790
     
    Hi.

    Yes, we can put the famous bar back under the address bar.

    Personally, I prefer, in this order:
    - Having the address bar at the top
    - Then having the personal bar.
    - Then having the tab bar.

    Like this:


    If the interface suits you:

    you need to change a preference in about:config
    -> Open Firefox, type about:config, and search with: legacy
    -> Locate the following line: toolkit.legacyUserProfileCustomizations.stylesheets
    -> Change it to true, by clicking the button or double-clicking

    Then, check if the extensions are visible:
    -> Open any folder
    -> In the menu, tab view: check the box Filename extensions

    Then:
    -> Open Firefox
    -> menu > Help > More troubleshooting information
    -> Then, locate Profile Folder > Then click Open Folder
    -> Once the folder is open, create a chrome folder. If it already exists, back up its contents, so that the folder is empty.
    -> Then create a file named: userChrome.txt and open it
    -> Put this in that file: https://pastebin.com/28RyCx6E
    -> Save the file and close it.
    -> Rename userChrome.txt to userChrome.css

    Note:
    Thank you for the suggestion but I still prefer the tab bar a bit too high and keeping the rest of my previous layout (menu + size, highlight and font of the tabs).


    In that case, adjust the userChrome file to your liking.

    ++

    As a wise man once told me: "In France, we have the right to do everything....
    Just have to not get caught."
    1
    1. fabul Posted messages 42300 Registration date   Status Moderator Last intervention   6 093
       
      Hi,

      thank you for this contribution.

      However, there are two issues for me.

      I don't use the personal bar; if I want to hide it, I still have one bar (blue on a test PC with Win7).

      The second problem is that when I open more than one tab, all the tabs are hidden except one.

      0
      1. little boy62 Posted messages 4 Registration date   Status Member Last intervention   1 790 > fabul Posted messages 42300 Registration date   Status Moderator Last intervention  
         
        Lu'

        Since I don't use Firefox, if you want, find me the userChrome scripts.
        This way, I could test them, personal toolbar not displayed.

        And indeed, by hiding this bar, I have the same symptoms as you.


        I'll see if I can find anything else.


        ++
        0
    2. Cy
       
      Hello,
      Thank you for this solution. I will find someone to help me implement it (I have a visual impairment, I prefer to be accompanied). I just have one question: does it work on Mac?
      Thank you for your help.
      Have a great day!
      0
    3. Bene
       
      Hello,

      Just stopping by to say "THANK YOU"!!!
      0