I’m using this add-on to add a “Close Tabs to the Right” option. But after installing another add-on, the “Close Tabs to the Right” option isn’t at the bottom anymore and I want to move it all the way to the bottom.
I searched and came across this guide to edit right click context menu items. However, I cannot get it to work.
This is what my userChrome.css
looks like right now (scroll to the very bottom) https://pastebin.com/MWeTN19G
Here’s the code I’m using to rearrange the tab context menu item
#_588c6fa6-14f9-4826-b769-71a305c80bbb_-menuitem-_close_right {
-moz-box-ordinal-group: 2 ;
}
( I even tried setting -moz-box-ordinal-group
to 2
, 20
, 200
but no luck)
This is the menu item id for the add-on’s option I want at the bottom: _588c6fa6-14f9-4826-b769-71a305c80bbb_-menuitem-_close_right
This is the menu item id for the add-on that is currently at the bottom: _c2c003ee-bd69-42a2-b0e9-6f34222cb046_-menuitem-5
And also, I’m using Lepton to change the look of right click context menus, tabs, menu panels etc.
Here’s a screenshot of the menu item ids
Edit:
#_588c6fa6-14f9-4826-b769-71a305c80bbb_-menuitem-_close_right {
order: 2 ;
}
Have you tried disabling both extensions and then re-enabling them Discard first and Close Tabs last?
Yes. It swaps their positions but they rearrange on browser restart. Since I installed Close Tab to Right first and Discard later, I uninstalled Close Tab and reinstalled it. Same effect. Their positions switch but on a browser restart, they’re back to where they were before all this.
Look at this post by MrOtherGuy : https://lemmy.world/post/687686. For a menu item added by an extension, you should use its label, e.g. menuitem[label=“Copy Tab Title and URL”]. Are you aware that there is a FirefoxCSS on this site?
From Firefox 113 onwards
-moz-box
related properties won’t work because the UI switched to using standard flexbox instead. So your-moz-box-ordinal-group: 2
won’t do anything. Useorder: 2
instead.That made it work. Thank you.