We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Customize interface single space missing?

  • 2 replies
  • 1 has this problem
  • 2 views
  • Last reply by cor-el

lllllllllllllll
lllllllllllllll
more options

Right click your UI and go to Customize... try to add spacing between some of the icons/ui elements, and you should see there is only flexible space, and it is huge. There used to be little "|" separators you could add, as well as " " small spaces. Now there is just this ungodly huge flexible space. I am remembering from really old versions of firefox, I don't see why they removed it.

I want to pad the left side of my interface a little bit. I use a vertically aligned taskbar on the left side, so moving my mouse near the edge to hit BACK the taskbar will pop up and cover everything.

Is there an addon to bring it back, or is modifying chrome.css the only option. Thanks.

Right click your UI and go to Customize... try to add spacing between some of the icons/ui elements, and you should see there is only flexible space, and it is huge. There used to be little "|" separators you could add, as well as " " small spaces. Now there is just this ungodly huge flexible space. I am remembering from really old versions of firefox, I don't see why they removed it. I want to pad the left side of my interface a little bit. I use a vertically aligned taskbar on the left side, so moving my mouse near the edge to hit BACK the taskbar will pop up and cover everything. Is there an addon to bring it back, or is modifying chrome.css the only option. Thanks.

All Replies (2)

crankygoat
crankygoat
more options

That space isn't even user-flexible! It merely crushes the address bar (you can see by removing the two existing "flexible spaces"). I guess that at least it goes all the way to the left, as it will not do on the right.

If you are looking for that "pipe" | sort of separator, there is a hack which still works to bring it back from the old days. (You have to add manually, and if you drag it off using the "Customize" feature, it will just disappear.)

In a new tab, type into the address bar about:config and Enter

Search browser.uiCustomization.state

You'll see the list defining the items in the menu bars area.

Suggestion: Before editing, it may be a good idea to simply copy all this text to a text editor, as the edit window you get in about:config will only show a tiny section of the string. Then you can edit externally, then simply clear the string's edit textbox and paste in your edited string.

If you want to pad the left side, before the Back Button, you are looking for this section: ... "nav-bar":["back-button", ... and you want to paste the code immediately following the bracket.

the code is: "customizableui-special-separatornnnn," where nnnn is any four digits of your liking.

So for our example, you would want ... "nav-bar":["customizableui-special-separator1234,"back-button", ...

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Note that easiest/safest is to add a flexible space and edit this special element in browser.uiCustomization.state to change it to a separator. The number needs to be unique (i.e. no two special elements should have the same id-number) 

customizableui-special-separator## (separator)
customizableui-special-spacer##    (spacer)
customizableui-special-spring##    (spring)