Bookmarks Toolbar - Horizontal Spacing

[fatboy]

Good Morning Folks,

I noticed a change in the horizontal spacing increased a lot after an update (can't tell exactly when), but the spacing changed quite a bit and it differs depending on the theme installed. I have some screenshots below, the ones with an asterisk is the ones that changed.

*Default

pm_H_spacing_Default.png

*White Moon

pm_H_spacing_WhiteMoon.png

Dark Moon

pm_H_spacing_Darkmoon.png

Post Modern Revisited

pm_H_spacing_PostModernRevisited.png

Moonscape

pm_H_spacing_Moonscape.png

The Dark Moon, Post Modern and Moonscape screenshots is how the spacing always was, but the default and white moon themes changed for some reason?

[Michaell]

FWIW, it doesn't seemed to have changed perceptibly on my heavily customized bookmarks toolbar. (Windows 10)

[Blacklab]

The Dark Moon, Post Modern and Moonscape screenshots is how the spacing always was, but the default and white moon themes changed for some reason?

You don't say what OS you are using? Looking at your 5 example Bookmark Toolbar screenshots none look the same as the Pale Moon default Bookmarks Toolbar on a clean profile (out-of-the-box/no extensions/no CSS userstyles added):

Pale Moon default Bookmarks Toolbar.jpg

Pale Moon default Bookmarks Toolbar (on Win7) + a few example folders
(Clean profile, some toolbar buttons rearranged via 'Customize' window)

Your top two Bookmarks Toolbars (*Default & *White Moon)... the ones that now exhibit additional spacing... both show the same type of 'down arrow' on the RH side of folder titles. This implies that there is some additional styling at work? How are these 'down arrows' being generated? By the OS you are on? By any CSS userstyles in use? By any toolbar or bookmarks extensions in use?

Suggest try starting a new Pale Moon profile and see if your "additional horizontal spacing" effect is still present?

(Easiest way to start a clean profile for testing is put 'about:profiles' in URL/Address bar... then on page press the 'Create a New Profile' button... and follow the instructions.)

[FranklinDM]

The Dark Moon, Post Modern and Moonscape screenshots is how the spacing always was, but the default and white moon themes changed for some reason?

IIRC those themes override system styling, unlike the default theme. I'm guessing this is likely system/GTK-theme related. Please specify your GTK version as well.

[fatboy]

I am using Manjaro i3.

GTK Theme I am using is Nordic.

Code: Select all

[user@manjaro]$ gtk-launch --version

3.24.37

[FranklinDM]

Can you check if this workaround works for you? Either create a new user style or in your userChrome.css file, insert the following:

Code: Select all

.bookmark-item {
  -moz-appearance: none;
}

However, this will also remove the hover outline/background on the bookmark items.

[fatboy]

Hi FranklinDM, I don't such a file in my ~/.moonchild_productions/chrome directory. I did create such a file just now and added your code to it. Made no difference?

[FranklinDM]

Hi FranklinDM, I don't such a file in my ~/.moonchild_productions/chrome directory. I did create such a file just now and added your code to it. Made no difference?

Try adding the XUL namespace at the beginning of the userChrome.css style sheet:

Code: Select all

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

If it still doesn't work, try this again with Stylem instead.

[fatboy]

Hi FranklinDM, thank you for the suggestion.

To make sure the issue is not on my side, here are some information:

File location:

Code: Select all

~/.moonchild productions/pale moon/profile.default/chrome/userChrome.css

Contents:

Code: Select all

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.bookmark-item {
  -moz-appearance: none;
}

Result (White Moon Theme on Linux):

wm_toolbar.png

It looks different now, because I have re-arranged my bookmarks, but you should see the symptoms still.

[Kerebron]

Wouldn't adding !important help? Like this:

Code: Select all

-moz-appearance: none !important;

[fatboy]

Wouldn't adding !important help? Like this:

Code: Select all

-moz-appearance: none !important;

It did help, and actually solved the problem. However, now there is no highlighting when I hover my mouse over the icon, but that's ok. I am marking this as solved, thank you.

[Kerebron]

No hover effects - just like FranklinDM wrote in the 6th post of the thread.

[fatboy]

No hover effects - just like FranklinDM wrote in the 6th post of the thread.

Haha true, sorry about that. I don't always read things properly haha