Icons cutoff using Firefox 140

[glennpc]

On the menu bar, the following drop downs have the icons cutoff:

File:

View:

History:

There seems to be an alignment problem with Firefox 140 as Firefox 139 was fine.

[B00ze64]

I'm on 139 and a bunch of stuff is broken, but not as much as your screenshots of 140. Aris also had issues with 140, you could try this, while I wait for 140 to arrive:

.menu-icon{
margin-inline-start: 0px !important;
margin-inline-end: 4px !important;
}

[glennpc]

I tried the code above, but that didn't seem to help for FF 140. I'm back on FF 139 now, and I did have to add this code to make the icons line up better:

menupopup > menuitem, menupopup > menu { padding-block: 3px !important; }
menugroup#context-navigation > menuitem.menuitem-iconic > .menu-icon,
menugroup#context-navigation > menuitem.menuitem-iconic > hbox.menu-iconic-left > .menu-iconic-icon
{ margin-top: 2px !important; margin-bottom: 4px !important; margin-inline-start: 10px !important; margin-inline-end: 4px !important; }

But it doesn't help much for FF 140. When it gets released, see what you can come up with as I really like using your FF-Menu-Icon-Plus-CSS.

[gabri25ele]

same problems with 140 update

[bege10]

I cannot confirm this. Icons are at correct place here.
Windows 11 Professional 64 bit 24H2
Firefox 140.0.4

[gabri25ele]

I cannot confirm this. Icons are at correct place here. Windows 11 Professional 64 bit 24H2 Firefox 140.0.4

may be settings of CustomCSSforFx?

[Drac0nix]

I managed to fix most of the problems by using the code changes by @bege10, but I still have a small issue with the new keyboard shortcut labels overlapping with the menu labels. Is there a way to remove the keyboard shortcut labels or at least increase the spacing so they don't overlap?

Image of the problem

[gabri25ele]

I managed to fix most of the problems by using the code changes by @bege10,

which code changes?
where are they?

[Drac0nix]

I managed to fix most of the problems by using the code changes by @bege10,

which code changes? where are they?

In the issues section (the one we're in). He made 2 posts that each fix some of the problems, though I did have to tweak a few numbers to get it perfect.

[gabri25ele]

I cannot confirm this. Icons are at correct place here. Windows 11 Professional 64 bit 24H2 Firefox 140.0.4

I make a portable version.
Try my portable of Firefox and see If we get same problem.

https://krakenfiles.com/view/ZMlVFcfcQ4/file.html

[gabri25ele]

In the issues section (the one we're in). He made 2 posts that each fix some of the problems, though I did have to tweak a few numbers to get it perfect.

maybe this

#22

#21

[bege10]

@Drac0nix > I managed to fix most of the problems by using the code changes by @bege10, but I still have a small issue with the new keyboard shortcut labels overlapping with the menu labels. Is there a way to remove the keyboard shortcut labels or at least increase the spacing so they don't overlap?

Image of the problem

I am glad it helped you to find a solution that works for you.

I neither have the issue with the wrong placed symbols nor with the shortcuts. There must be other CSS instructions you use that interfere with this icon set.
@gabri25ele I don't have the time to test your portable Firefox.

[gabri25ele]

I neither have the issue with the wrong placed symbols nor with the shortcuts. There must be other CSS instructions you use that interfere with this icon set. @gabri25ele I don't have the time to test your portable Firefox.

To download it it takes 2 minutes, don't you have two minutes? give on a better excuse.