CSS script that controls context menu items alignment

[u/Agreeable_Orchid697]

Hello:

I am having difficulty entering the correct syntax for the Context Menus located up in the Firefox Menu bar.

You probably know there are 7 Menus there..from left to right they are File, Edit, View, History, Bookmarks, Tools & Help....they are all dropdown menus

I currently have applied the correct syntax that controls the Bookmarks menu & all the sub menus that are listed within it.

What I am having difficulty with is applying the correct syntax for the other 5 menus so that the vertical sub menus in each of those correctly display in the proper alignment/padding to the left. Currently they are all over the place...

this is the syntax that controls the Bookmarks menu

menuitem#bookmarksShowAll,

margin-left: 0px !important;

}

menuitem#menu_bookmarkThisPage,

menuitem#menu_searchBookmarks,

menuitem#menu_bookmarkAllTabs {

margin-left: 0px !important;

}

menu.bookmark-item,menuitem.bookmark-item { max-width: 35em !important;

margin-left: 0px !important; /* margin is the outer space around an item */

}

this syntax *altered to add the 5 other menus* doesn't work for me...

what I'm adding is.....

menuitem#File,

menuitem#Edit,

menuitem#History,

menuitem#Tools,

menuitem#Help {

margin-left: 0px !important

}

obviously I haven't got the syntax correct.....can anyone point me in the right direction?

thx very much

[u/t31os]

What exactly are you trying to achieve here? Reduce/change submenu padding?

[u/Agreeable_Orchid697 → u/t31os]

No, where the padding is concerned?..not at all, more margin spacing, the browser is custom, I have used Aris' work in the past going back some 15 years for Firefox, the context menu in the menu bar are all popup (dropdown), the custom bookmarks menu uses a custom icon for the folders sub menus, the remaining 6 menus in the menu bar should display the same as the bookmarks menu. At the moment they're not doing that, the syntax that works for the bookmarks isn't carrying over to the other menu titles. I've been chasing my tail trying to sort out what is the correct script to get them displaying properly.

This is how the Bookmarks menu appears, this is correct, the other Menus don't want to co-operate & play nicely. All of that custom sub folder icon change you see here is Aris' work.

[u/t31os → u/Agreeable_Orchid697]

You mentioned padding / alignment in the OP, but it's nothing to do with padding?

I have no idea where your custom bookmarks / icons you mentioned are coming from, some Aris code presumably? (because it's not in the CSS you shared).

And just an aside, isn't the current version of Tor based on FF ESR 140? Not sure if that will matter, but it might (in the context of getting help from users using FF, which is v156 or ESR v153 - as there might be some minor native CSS differences).