Any way to change bookmark dropdown spacing back?
The new update has way too much whitespace around the tab names and especially between drop down menu items. This is awful. Any way to set it back the way it was, through a customization perhaps? I don't see anything obvious in the options...
Keazen oplossing
MartynWheeler said
The new update has way too much whitespace around the tab names and especially between drop down menu items. This is awful. Any way to set it back the way it was, through a customization perhaps? I don't see anything obvious in the options...
It's a visual disaster. Here's the posted "fix". Fingers crossed they don't tear this option away from us and good luck!
(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.
(2) In the search box in the page, type or paste browser.proton.enabled and pause while the list is filtered
(3) Double-click the preference to switch between true (new design) and false (old design)
Dit antwurd yn kontekst lêze 👍 1Alle antwurden (7)
Keazen oplossing
MartynWheeler said
The new update has way too much whitespace around the tab names and especially between drop down menu items. This is awful. Any way to set it back the way it was, through a customization perhaps? I don't see anything obvious in the options...
It's a visual disaster. Here's the posted "fix". Fingers crossed they don't tear this option away from us and good luck!
(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.
(2) In the search box in the page, type or paste browser.proton.enabled and pause while the list is filtered
(3) Double-click the preference to switch between true (new design) and false (old design)
...and browser.proton.contextmenus.enabled gives the bookmark dropdowns back to decent spacing. Awesome, thank you for the quick and (yes, repeating myself, it's deserved) awesome answer!
Sounds so good, and easy too, so I tried this, pasted, "browser.proton.enabled", and got an immediate response of, "true". No list that was filtered. Clicked on the two-way arrow and it turned to, "false". No change in the dropdown menu spacing. Still have to scroll when I didn't have to before the update. What did I do now? I would revert back to the previous version, but that's not an easy task.
OK, I found something that works,
- In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.
- In the search box in the page, type or paste browser.proton.contextmenus.enabled and pause while the list is filtered.
- Double-click the preference to switch the value between true (Proton style) and false (Photon style).
Exdays' solution worked. Looks much better now.
I did those a while ago and was very happy with the result. Now (August 2021) the whitespace is back!!! neither setting of browser.proton.contextmenus.enabled has an effect This is really annoying. It is ugly and makes for excessive scrolling.
You can use code in userChrome.css to modify the menu spacing.
You can add code to the userChrome.css file below the default @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
menupopup > menuitem, menupopup > menu {padding-top: 2px !important; padding-bottom: 2px !important;}
*|*:root {--arrowpanel-menuitem-padding: 2px 8px !important;}
It is not that difficult to create userChrome.css if you have never used it.
The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.
You can find the button to go to the profile folder under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file.
In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.
See also:
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
- https://www.userchrome.org/firefox-changes-userchrome-css.html