FF 93.0 - Drop-down List Spacing?

[2CV67]

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!

[dickvl]

See https://support.mozilla.org/en-US/kb/co ... nd-firefox

about:config => browser.compactmode.show = true

[DSperber]

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;
}

[2CV67]

See https://support.mozilla.org/en-US/kb/co ... nd-firefox

about:config => browser.compactmode.show = true

Thanks - that worked OK.

Did I just imagine that it was going to be fixed in FF 93.0?

[jscher2000]

See https://support.mozilla.org/en-US/kb/co ... nd-firefox

about:config => browser.compactmode.show = true

Thanks - that worked OK.

Did I just imagine that it was going to be fixed in FF 93.0?

Being a benefit of Compact Mode density is new in Fx93.

[JYLD]

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;
}

The only thing I have left to figure out is the proper CSS selector to address the hamburger button menu items so I can change the on hover background color/text color. Anybody know the proper CSS selector to address the hamburger button menu items ??