Hi!
I was irritated by the excessive spacing of drop-down lists (notably bookmarks) in FF 92.0, but I thought I saw somewhere that there would be a "Compact Density" option with FF 93.0.
I now have FF 93.0 but can't find that option...
Thanks for any clarification!
FF 93.0 - Drop-down List Spacing?
-
- Posts: 114
- Joined: December 22nd, 2004, 7:37 am
- Location: Alsace
FF 93.0 - Drop-down List Spacing?
Acer Aspire TC-100-007: Multi-boot W10 / Ubuntu 22.04 / Ubuntu 21.10LTS: Canon TS705: Epson V200: also Asus 1015PED: W7 / Lubuntu18.04LTS: also Lenovo 5-15ARE05: W11 / Ubuntu 22.04
- dickvl
- Posts: 54163
- Joined: July 18th, 2005, 3:25 am
Re: FF 93.0 - Drop-down List Spacing?
See https://support.mozilla.org/en-US/kb/co ... nd-firefox
about:config => browser.compactmode.show = true
about:config => browser.compactmode.show = true
-
- Posts: 155
- Joined: September 30th, 2012, 1:52 pm
Re: FF 93.0 - Drop-down List Spacing?
Or, you can use CSS to specify your spacing. I use 0px, which is the minimum "tight" appearance.
Code: Select all
/* v92.0 vertical menu item spacing */
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
padding-block: 0px !important;
min-height: unset !important; /* v92.0 - for padding below 4px */
}
/* Bookmark and context menu spacing */
menupopup > menuitem, menupopup > menu {padding-block: 0px !important;
}
/* Options menu spacing */
:root {--arrowpanel-menuitem-padding: 0px 0px !important;
}
-
- Posts: 114
- Joined: December 22nd, 2004, 7:37 am
- Location: Alsace
Re: FF 93.0 - Drop-down List Spacing?
Thanks - that worked OK.dickvl wrote:See https://support.mozilla.org/en-US/kb/co ... nd-firefox
about:config => browser.compactmode.show = true
Did I just imagine that it was going to be fixed in FF 93.0?
Acer Aspire TC-100-007: Multi-boot W10 / Ubuntu 22.04 / Ubuntu 21.10LTS: Canon TS705: Epson V200: also Asus 1015PED: W7 / Lubuntu18.04LTS: also Lenovo 5-15ARE05: W11 / Ubuntu 22.04
- jscher2000
- Posts: 11763
- Joined: December 19th, 2004, 12:26 am
- Location: Silicon Valley, CA USA
- Contact:
Re: FF 93.0 - Drop-down List Spacing?
Being a benefit of Compact Mode density is new in Fx93.2CV67 wrote:Thanks - that worked OK.dickvl wrote:See https://support.mozilla.org/en-US/kb/co ... nd-firefox
about:config => browser.compactmode.show = true
Did I just imagine that it was going to be fixed in FF 93.0?
-
- Posts: 305
- Joined: July 18th, 2019, 9:59 am
Re: FF 93.0 - Drop-down List Spacing?
DSperber wrote:Or, you can use CSS to specify your spacing. I use 0px, which is the minimum "tight" appearance.
Code: Select all
/* v92.0 vertical menu item spacing */ menupopup:not(.in-menulist) > menuitem, menupopup:not(.in-menulist) > menu { padding-block: 0px !important; min-height: unset !important; /* v92.0 - for padding below 4px */ } /* Bookmark and context menu spacing */ menupopup > menuitem, menupopup > menu {padding-block: 0px !important; } /* Options menu spacing */ :root {--arrowpanel-menuitem-padding: 0px 0px !important; }
DSperber, thanks much for posting your CSS. The about:config solution didn't do anything for my setup, but using your CSS worked great. I modified your CSS to allow for some extra spacing. I like a little extra line spacing. But not as much as FX 93 does by default. This is your CSS with my modifications.
Code: Select all
/* v9x+ vertical menu item spacing */
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
line-height: unset !important;
min-height: unset !important;
max-height: unset !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* Bookmark and context menu spacing */
menupopup > menuitem, menupopup > menu {
line-height: unset !important;
min-height: unset !important;
max-height: unset !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* Options menu spacing */
:root {
line-height: unset !important;
min-height: unset !important;
max-height: unset !important;
--arrowpanel-menuitem-padding: 0px 0px !important;
}
.bookmark-item, .bookmark-item:not([container="true"]), .bookmark-item[container="true"] {
line-height: unset !important;
min-height: unset !important;
max-height: unset !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
}
menupopup:not(.in-menulist) > menu:hover, menuitem:not([disabled="true"]):hover {
background-color: highlight !important;
color: #ffffff !important;
}