We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

Why Compact isn't compact?

  • 3 àwọn èsì
  • 1 ní ìṣòro yìí
  • 1 view
  • Èsì tí ó kẹ́hìn lọ́wọ́ adid1

more options

I just started to run FF107, I don't understand why setting the compact option, do not really make things more dense. Same goes with all the menu.

Who needs all that spacing?

I have this

menupopup:not(.in-menulist) > menuitem, menupopup:not(.in-menulist) > menu {

 padding-block: 2px !important;

}

in the css file and still no "compactness"...

Thank you.

I just started to run FF107, I don't understand why setting the compact option, do not really make things more dense. Same goes with all the menu. '''Who needs all that spacing?''' I have this menupopup:not(.in-menulist) > menuitem, menupopup:not(.in-menulist) > menu { padding-block: 2px !important; } in the css file and still no "compactness"... Thank you.
Ìsopọ̀ yíyà aṣàfihàn

Ti ṣàtúnṣe nípa adid1

Ọ̀nà àbáyọ tí a yàn

Compact mode only works for spacing bookmarks in some menus and the code for userChrome.css you posted has not(.in-menulist) and thus won't work for menus like in the screenshots you posted.

You can experiment with code like this in userChrome.css: Using :root[uidensity=compact] means that the code only works if density:compact mode is selected.

:root[uidensity=compact] menupopup :is(menu,menuitem) {
  padding-top: 0px !important; padding-bottom: 0px !important;
  min-height: 26px !important; /* adjust or use unset */
  height: 26px !important; /* you may not need this */
}
:root[uidensity=compact] {
  --arrowpanel-menuitem-margin: 0 4px !important;
  --arrowpanel-menuitem-padding-block: 2px !important; /*adjust*/
}


Ka ìdáhùn ni ìṣètò kíkà 👍 2

All Replies (3)

more options

Ọ̀nà àbáyọ Tí a Yàn

Compact mode only works for spacing bookmarks in some menus and the code for userChrome.css you posted has not(.in-menulist) and thus won't work for menus like in the screenshots you posted.

You can experiment with code like this in userChrome.css: Using :root[uidensity=compact] means that the code only works if density:compact mode is selected.

:root[uidensity=compact] menupopup :is(menu,menuitem) {
  padding-top: 0px !important; padding-bottom: 0px !important;
  min-height: 26px !important; /* adjust or use unset */
  height: 26px !important; /* you may not need this */
}
:root[uidensity=compact] {
  --arrowpanel-menuitem-margin: 0 4px !important;
  --arrowpanel-menuitem-padding-block: 2px !important; /*adjust*/
}


more options

Since Fx 92 you need to add this line to your code.

  min-height: unset !important;


See the page where you got the code.

more options

Thank you, much better now. I don't understand why FF do not has all this build-in into the "compact" mode.

  • I set my height to 21px

The tabs still has top/bottom spaces, but it will do for now.

Thank you.