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.

Avatar for Username

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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

Why Compact isn't compact?

  • 3 biyano
  • 1 eza na nkokoso oyo
  • 81 views
  • Eyano yasuka ya adid1

adid1
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.
Bafoto sur écran jointes

Ezalaki modifié na adid1

Solution eye eponami

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*/
}

Tanga eyano oyo ndenge esengeli 👍 2

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Solution eye oponami

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*/
}

Terry
Terry
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.

adid1
adid1 Nkolo motuna
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.