Treestyletab: CSS is no longer working to hide tabs at the top of the screen

[M-Walrus]

the new firefox update has made it so there is a redundant bar of tabs at the top of the screen. I remember when i first learned of the CSS workaround to remove the bar from the top, the feeling that it would only be a matter of time until this broke, and today is that day.

Is there any new method of removing the top bar of tabs from Firefox now, with this newest version 72.0.0?

[vonHabsi]

Are you sure haven't fallen afoul of this issue PSA: Firefox v69 users will have to set a pref to enable userChrome.css and userContent.css

I am on Firefox 73 beta and the top row of tabs are still hidden. Try this code in your userChrome.css.

#TabsToolbar {
  visibility: collapse !important;
}

[M-Walrus]

my about:config already has
toolkit.legacyUserProfileCustomizations.stylesheets | true

userchrome.css copied/pasted here:

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

main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar {

opacity: 0;
pointer-events: none;
}

main-window:not([tabsintitlebar="true"]) #TabsToolbar {

visibility: collapse !important;

}

sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {

display: none;
}

[vonHabsi]

TBH this is an area I'm not that expert in, only that it works for me and there may be some settings in yours which don't work in mine.

Have you considered removing the #main-window:not([tabsintitlebar="true"]) to check?

[Trelor]

I had the exact same issue and I used to have
`

main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {

opacity: 0;
pointer-events: none;

}
which I had to change to

TabsToolbar > .toolbar-items {

opacity: 0;
pointer-events: none;

}
`

after that change I stopped seeing the active tab across the top of the screen. Mine is probably a little different because I am removing the title bars too.

[piroor]

It is not an issue of TST itself. Please remind that this is an issue tracker but not a forum.

Code snippets for userChrome.css is not maintained well by me so I hope that it is updated by people who use userChrome.css.

[Dystopian]

@M-Walrus just remove the 1st line from your userChrome.css with @namespace url. Found it there.

[M-Walrus]

thank you everyone who chimed in with advice and userchrome.css snippets here.

closing this issue as it is now resolved.