I briefly updated to the lastest version v99 or so (but made a snapshot first, and then restored after the problem described below). I'm back to running v 90.0.2 and everything is fine, I think I had to fix this once before but can't recall.
Anyway, the issue is the huge amount of spacing in the menus for the bookmark folders.
I read somewhere you can change something in file C:\Users\XXX\AppData\Roaming\Mozilla\Firefox\Profiles\XXX.default-release\chrome\userChrome.css and copy the below lines at the top.
But I don't know where to find this in the portable apps folder. I do see the path there in the c:\ ....\Roaming\Mozilla..., which I actually thought wouldn't be used by the portable version, so I'm confused.
Here's the data they spoke of:
/* Bookmark and context menu spacing */
menupopup > menuitem, menupopup > menu {padding-block: 0px !important;}
/* Options menu spacing */
:root {--arrowpanel-menuitem-padding: 0px 0px !important;}
/* Disable rounded tabs */
.tab-background{border-radius: 0px 0px !important; margin-bottom: 0px !important;}
Is there a fix for this, or do I have to stick with v 90.
Visit the Community page
Join our forums
Subscribe to our email newsletter
Subscribe with RSS
Follow us on Facebook
Follow us on LinkedIn
Follow us on Twitter
Follow us on Mastodon
Follow us on BlueSky
Strictly speaking your question isn't about Firefox Portable as such but a question on configuring Firefox. I would strongly recommend that you use mozillaZine Forums for such questions: http://forums.mozillazine.org/index.php
However, your 'chrome' folder for Firefox Portable should be in the following path (adjust the path to suit what is on your system): E:\PORTABLES\FirefoxPortable\Data\profile\chrome
The code you have is missing a line. Your full code should be:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");/* Bookmark and context menu spacing */
menupopup > menuitem, menupopup > menu {padding-block: 0px !important;}
/* Options menu spacing */
:root {--arrowpanel-menuitem-padding: 0px 0px !important;}
/* Disable rounded tabs */
.tab-background{border-radius: 0px 0px !important; margin-bottom: 0px !important;}
And strictly speaking when you construct your userChrome.css file it should have exactly that name, In effect duplicate the title with the correct upper-case and lower-case characters.
You should also know that as of Firefox 68 loading of userChrome.css and userContent.css files will be switched off by default. To use them it is necessary to do the following:
(1) In the Address Bar enter the term about:config and press the Enter key. And okay the prompts so that you do get to see the Preferences page.
(2) Once you are in the Preferences page search for the preference: toolkit.legacyUserProfileCustomizations.stylesheets
(3) Set as true or false according to what you want to happen. True means Firefox supports the CSS files, False that it ignores them.
(4) Exit the Preferences page and shutdown and relaunch Firefox for your preference to take effect.
If you have never used userChrome.css before then a good guide on how to create such a file can be seen here: http://forums.mozillazine.org/viewtopic.php?p=14777671#p14777671 You would be best to read that guide anyway as it contains step-by-step instructions on how to set the Preference (if you don't already know how to do that).
Use Portable Apps on both Flash Drive and HDD/SSD.
I had looked over there which is where I got the code. But for some reason I couldn't find that .css file using the windows search box.
Your answer was superb! You are not encouraging me to ask over there, when I get such great answers here, even correcting what I had found over there
I will go over there next, since the fix is still not to my desires, I have a menu with 27+9 = 36 items in v90, but only the 27 items show in v99. So, it's still 25% too wide. I'm guessing though (haven't tried to modify it yet) that the 0px is as small as it can get now, unless larger values would help.
But thanks so much, at least I've got a good start!