firefox-csshacks
firefox-csshacks copied to clipboard
hide_tabs_with_one_tab remove newtab button hover css
Hello, with a chrome folder with only hide_tabs_with_one_tab.css imported, the new tab button lose its style (a grey box) when it is hovered.
What Firefox version you use and what OS do you have?
This seems to work fine with Firefox 105 on Windows 10.
I'm using Firefox 105 on Linux.
I tried to modify it, if I remove the /* Button re-styling */ block the styling reappears on hover, but of course it prevents to hide the tabs bar completely:

I tried to add this but for some reason it doesn't work:
.tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"] #tabs-newtab-button{
visibility: collapse !important;
}
Try:
.tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"] ~ #tabs-newtab-button{
visibility: collapse !important;
}
No it doesn't change anything, it's still the same small bar.
I'll need to boot up my linux machine to test stuff out when I can.
Sorry to bother you, if you want I can try more things.
Hmm. II tried that style on my Linux setup (Fedora 35) and it seems to be working correctly with Firefox 104 (not updated to 105 yet) but also on Nightly 107 build. At least I can't see any issues related to newtab button.
There's another thing that will affect that style though which is the new "Firefox View" - button and things related to that (this might only concern Firefox 106, currently in beta). To make that style behave correctly you would need to:
- remove the Firefox View button from tabs toolbar (just right-click and remove)
- Go to about:config and set
browser.tabs.tabmanager.enabledto false and restart Firefox
But again, that would have nothing to do with the issue you are describing - I really don't know what is happening there :(