Hello

About compact mode, take a look at this parenthesis https://connect.mozilla.org/t5/discussions/fully-support-web-usb-and-web-serial/m-p/48852/highlight/true#M17524 in this subject

This change appears to be another instance of "You only matter if you only use a phone. Desktops are for losers." Firefox is now as bad as Edge.

We definitely need an option to return to the more compact bookmark menus/dropdowns. I live with RSI but I bet there are folks with healthy hands and wrists who would appreciate the simple time savings that more compact menus provide.

Have you tried "Compact" density? To set that directly:

(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.

More info on about:config: Configuration Editor for Firefox. The moderators would like us to remind you that changes made through this back door aren't fully supported and aren't guaranteed to continue working in the future.

(2) In the search box in the page, type or paste browser.uidensity and pause while the list is filtered

(3) Double-click the preference to display an editing field, and change the value to 1 then press Enter or click the blue check mark button to save the change.

For me the difference can be seen in the attached.

I just realized you are referring to Bookmark Menu folders and not Bookmarks Toolbar folders. Density is only implemented for the Bookmarks Menu that drops from the toolbar button, not the top menu bar. You can add the optional bookmarks menu button () to the toolbar using the Customize panel (Customize Firefox controls, buttons and toolbars).

Hi,

Glad I came across your post!

I managed to get the "Compact" Bookmarks Menu on the Right Side.

Any ideas about the Bookmark Top Menu Bar (Left Top SIde)? Anyways to reduce the spacing just like what you did for Bookmarks Menu on the Right Side?

Cheers!

I found the solution. Here's my notes;

How to reduce FireFox Bookmark Bar Density for both Bookmarks Menu (Right Side) & Bookmark Top Menu Bar (Left Top SIde)

• Bookmarks Menu (Right Side)

about:config browser.uidensity change the value to 1

• Bookmark Top Menu Bar (Left Top SIde)

Step 1: Compact Mode (ensure is already enabled) Enabling the "Compact" UI density in Firefox. about:config browser.compactmode.show to true. After that, you open the Customize window (right-click on the toolbar and select "Customize Toolbar..."). In the bottom left of the Customize window, there should be a "Density" tab where you can select the "Compact (not supported)" option.

Step 2: CSS code in the userChrome.css 1. about:config Search for toolkit.legacyUserProfileCustomizations.stylesheets. Set it to true. This allows Firefox to apply custom styles from userChrome.css

2. Verify File Location Locate your Firefox profile folder by visiting about:support and checking the "Profile Folder" section. Find a folder called chrome (if no chrome folder, create it). Yes; just name as "chrome" Place userChrome.css into chrome folder. Note, the name userChrome.css is (case-sensitive) Restart browser. (Please see my userChrome.css code below)

Notes: How to create a css file Open text file, copy below code in and save as userChrome.css However, ensure your computer's file explorer options is set as NOT hide extensions for known file types. Otherwise even you save as userChrome.css, it's actually auto saved as userChrome.css.txt, because txt is hidden.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Reduce spacing in bookmarks */

1. bookmarks-view treechildren::-moz-tree-row {

   max-height: 18px !important; /* Adjust as needed */

}

menupopup > menuitem, menupopup > menu {

   padding-block: 2px !important; /* Adjust vertical padding */

}

• |*:root {

   --arrowpanel-menuitem-padding: 2px 8px !important; /* Adjust dropdown padding */

}