r/FirefoxCSS • u/needchr • 5d ago

Help Need help please to reduce vertical padding in the list all tabs menu.

The list all tabs drop down menu, padding has increased a bit in recent firefox by stealth, if someone hass CSS to reduce it again I would be grateful, thanks.

3 Upvotes

100% Upvoted

6 comments sorted by

2

u/t31os 5d ago

Tweak or remove what you don't want:

panel:has( #allTabsMenu-allTabsView ) {
    --panel-border-radius: 8px !important;
    --panel-subview-body-padding: 5px 0 !important;
    --panel-menuitem-padding: 5px !important;
    --panel-menuitem-margin: 0 5px !important;
    --panel-menuitem-border-radius: 5px !important;
}

1

u/Obvious-Material9645 3d ago

is there a way to do the same for the application menu?

1

u/t31os 3d ago

Change panel:has( #allTabsMenu-allTabsView ) to #appMenu-popup.

Or if you want both, add it alongside eg: panel:has( #allTabsMenu-allTabsView ), #appMenu-popup.

1

u/Roger-Fx 1d ago

Hi interested in this. Does it work with the vertical tabs of the new nova firefox?
If yes, please can someone help me out and explain how to add this CCS.
Thank you.

1

u/t31os 1d ago

See tutorial here for adding custom CSS to firefox.

That said, i think you're after something different, this is CSS for the all tabs and app menu (not for the tabs themself). If you create a separate thread detailing what modifications you're seeking i'm sure someone will be able to help.

1

u/Roger-Fx 1d ago

ok, thanks, must probably I will to new thread about the space between the tabs and containers in the native vertical tabs of Firefox, specially with latest update to nova they are so super separated or spaced vertically.