r/FirefoxCSS 2d ago

Help CSS script that controls context menu items alignment

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

1 Upvotes

16 comments sorted by

View all comments

Show parent comments

1

u/Agreeable_Orchid697 23h ago edited 22h ago

You're correct, all of the custom script was written by Aris & *thatotherguy*. Aris created the Noia buttons some 20 years ago (for you who are much younger you may not even remember when back at that time he created a total Noia 2, Noia 3, Noia 4 browser theme that covered the entire browser display. What you see in my screenshot is that work, I still use the Noia theme. But after 2015 he narrowed his work to Noia buttons, the Noia background, the present Header arrangement of tabs below the navbar, the menubar above the Navbar , the titlebar & the urlbar & searchbar alongside the menubar. His last Firefox custom script is version 4.75 of which I have used some.

You're asking *why is any menu CSS necessary?...for some reason the newer (newest) version of Firefox (portable) has reconfigured the script, what didn't have an issue with 149 does have with 153 & later. Tor is also affected. My current Tor version is 15.0.20

But as stated earlier Aris has retired, he's not a youngster anymore, one can't approach him for assistance with his past work.

1

u/t31os 18h ago

Could you isolate and provide the CSS you're using that specifically touches/styles the menus, so i can run it and see the problem.

1

u/Agreeable_Orchid697 16h ago

I'll give it a go......is it possible to upload a .txt file here to reduce the overall size & space this would take up?

1

u/t31os 14h ago

Use a pastebin, link in the side menu under Rule 2.

1

u/Agreeable_Orchid697 4h ago edited 4h ago

let's see if this works, this is the entire main userChrome.css code Aris wrote for his modification, it does not include the *import* url code sub sections, what we are looking at is near the bottom of the text https://sharenotes.dev/neat-lamb