firefox-csshacks
firefox-csshacks copied to clipboard
MrOtherGuy
multi-row_tabs.css aka UserChrome.css not working FF 99
Is someone maintaining it or is it forgotten and abandoned or am I using the wrong file maybe ?
Windows 10, FireFox 99.0.1 (64-bit)
Content of the User.Chrome.css is verbatim copy of multi-row_tabs.css (attached)
Profile Folder: C:\Users\xxxxx\AppData\Roaming\Mozilla\Firefox\Profiles\x1uj61b7.default-release
ls -l %APPDATA%\Mozilla\Firefox\Profiles\x1uj61b7.default-release\chrome -rw-rw-rw- 1 user group 2788 May 2 21:00 UserChrome.css
about:config toolkit.legacyUserProfileCustomizations true toolkit.legacyUserProfileCustomizations.stylesheets true
Tried name variations userChrome.css and userchrome.css
OK, so the root cause seems to be that it keeps compressing tabs in the 1st row instead of filling all 3 rows first and compressing only when all 3 are filled to capacity. Don't know whether that's fixable with just CSS. CSS does allow running some minimal JavaScript . . .
It was working last I checked, which wasn't that long ago although I can't remember exactly when that was.
Filename userChrome.css is correct, and the path looks correct.
I can check later to verify if it works though.
OK, so the root cause seems to be that it keeps compressing tabs in the 1st row instead of filling all 3 rows first and compressing only when all 3 are filled to capacity. Don't know whether that's fixable with just CSS. CSS does allow running some minimal JavaScript.
Do you mean that they just shouldn't get smaller at all and instead just have "fixed width". You can certianly do that, even without any CSS I believe. Just search about:config for tabMinWidth and set it to 225
You could also do the same with CSS if that pref won't cut it.
Actually, my above comment is wrong. multi-row_tabs.css defines its own tab minimum width, so just change that from default 100px to 225px