This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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.