Posted: . At: 12:21 PM. This was 3 years ago. Post ID: 15405
Page permalink. WordPress uses cookies, or tiny pieces of information stored on your computer, to verify who you are. There are cookies for logged in users and for commenters.
These cookies expire two weeks after they are set.


How to have less padding in the menu area of Firefox 92.

by

This userChrome.css sample will reduce the padding betwixt menu sections in the Firefox 92 User Interface.

userChrome.css
1
2
3
4
5
6
7
8
9
10
11
12

/* Do not remove the @namespace line -- it's required for correct functioning */
/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
 
@media (-moz-proton) {
	/* Tighten up drop-down/context/popup menu spacing */
	menupopup > menuitem, menupopup > menu {
		padding-block: 2px !important;
	}
	:root {
		--arrowpanel-menuitem-padding-block: 2px !important;
	}
}

This is an annoying feature of Firefox 92 and it is easy to get rid of.

Addendum.

In new versions of Firefox, it is necessary to access the about:config section and then set this value to true. I do not know why this is, but it is required for reasons.

toolkit.legacyUserProfileCustomizations.stylesheets = true

This is a better version of my tweak CSS file.

userChrome.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

/* Do not remove the @namespace line -- it's required for correct functioning */
/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
 
@media (-moz-proton) {
	menupopup:not(.in-menulist) > menuitem, 
	menupopup:not(.in-menulist) > menu {
	  padding-block: 2px !important;
	  min-height: unset !important; /* v92.0 - for padding below 4px */
	  font-family: monospace !important;
	}
 
	:root {
	  --arrowpanel-menuitem-padding: 2px 4px !important;
	}
 
	{
	    font-size: 10pt !important
	}
 
	menupopup > * {
	   font-size: 10pt !important
	}
 
	#urlbar {
	   font-family: monospace !important;
	}
}

To actually create a userChrome.css file, click Help->More Troubleshooting Information in Firefox then look for the Profile Folder option and click Open Folder. Then create a folder named “chrome” and create the userChrome.css file within that folder. After the about:config change, this does work with Firefox 92 on Windows 8.1 Pro. I just hope that the userChrome.css functionality is not removed completely.

Here is another pointless but fun tweak. Make the maximum width of the URL bar 900 pixels and make the URL text right-aligned.

	#urlbar {
		font-family: monospace !important;
		max-width: 900px !important;
		text-align: right !important;
	}

Or, this version. This will change the background colour of the URL bar and give it a nice border.

	#urlbar {
		font-family: monospace !important;
		max-width: 900px !important;
		text-align: right !important;
		background-color: #db713b !important;
		border-style: dashed !important;
		border-width: 0.3px !important;
	}
	#urlbar-background {
		background: #db713b !important;
	}
Click this to access the troubleshooting page in Firefox.
Click this to access the troubleshooting page in Firefox. This is how to find your profile folder.

14 thoughts on “How to have less padding in the menu area of Firefox 92.”

  3. In version 92 without any .CSS file changing the config entry to TRUE changes the menu spacing just fine. But it also puts the tabs at the bottom of the window and only shows the current tab. I never found any .CSS that kept the tabs under the bookmarks tool bar.

    Reply

  4. A very important information is missing – the userChrome.css file must be created in Firefox profile folder inside chrome subfolder (/chrome/userChrome.css), not directly in the profile folder!

    Reply

  5. For Firefox 92, changes are needed to keep the menu item separation that worked in v91.
    After reading multiple articles and experimenting, found a set of css rules that work.
    If this is too tight, change all the “0px” to “1px” or higher. And make the about:config change! Good luck.

    my code:

    /* added after awful 89.0 proton release */
/* Reduce line spacing in bookmarks and other pull-down menus: */
/* another fix after 92.0 release */
menupopup > menuitem, popup > menuitem, 
menupopup > menu,     popup > menu {
-moz-appearance: none !important; 
padding-top:     0px  !important; 
padding-bottom:  0px  !important;
padding-block:   0px  !important;
}
 
/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/
menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 0px   !important;    /* reduce to 0-4 px as needed */ 
  min-height:    unset !important;    /* v92.0 - for padding below 4px */
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}
 
.menu-accel, .menu-iconic-accel, .menu-text, .menu-iconic-text
{margin-top: 0px !important; margin-bottom: 0px !important;}
 
menuseparator {margin: 0px 0px 0px 0px !important;}
    Reply

    • Your userChrome.css changes for FF 92 worked for me. Thank you. I had the popup menu changes installed before and working for FF 91. It appears I needed the extra lines you added.

      Reply

  6. I enabled the about:config but my userChrome that worked in Firefox 91 does NOT work in 92.
    What is wrong, did they break it again? What kind of morons are in charge of Firefox design now, no wonder they are losing market share!! Please fix this Firefox devs!!!!

    Reply

      • Tried it, didn’t work.

        In about:config,

        toolkit.legacyUserProfileCustomizations.stylesheets = true

        In my profile folder, userChrome.css,

        * Do not remove the @namespace line -- it's required for correct functioning */
/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
 
@media (-moz-proton) {
	menupopup:not(.in-menulist) > menuitem, 
	menupopup:not(.in-menulist) > menu {
	  padding-block: 2px !important;
	  min-height: unset !important; /* v92.0 - for padding below 4px */
	  font-family: monospace !important;
	}
 
	:root {
	  --arrowpanel-menuitem-padding: 2px 4px !important;
	}
 
	{
	    font-size: 10pt !important
	}
 
	menupopup > * {
	   font-size: 10pt !important
	}
 
	#urlbar {
	   font-family: monospace !important;
	}

        Any clues for me? Do proton values in about:config make any difference?

        Thanks.

        Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.