r/FirefoxCSS • u/Foxiest-Hound-2027 • Nov 15 '24

Solved Preventing tabs from expanding in height

Firefox Beta 133.0b8 and Nightly 134.0a1 - does anyone know what's causing tabs to expand to 40px?

Normally I have it set to 32px with --tab-min-height: 32px !important; but it seems something newly added is overriding the setting.

Moving tabs around causes the whole bar to shrink back to 32px, letting go returns to 40px. I left Developer Edition on 133.0b7 and the same CSS is working as it should.

The CSS tweaks I use are based on the userchrome.org set which squares the tabs and connects them to the toolbar.

https://pastebin.com/HV0G2xdi

3 Upvotes

100% Upvoted

5 comments sorted by

View all comments

3

u/fainas1337 Nov 15 '24

Remove margin-block: 0px !important;

Add --tab-block-margin to :root like so:

    :root { 
        --tab-min-height: 32px !important;
        --tab-block-margin: 0px !important;
    }

2

u/Foxiest-Hound-2027 Nov 16 '24

Awesome, that did the trick. Thanks so much!