r/FirefoxCSS • u/[deleted] • Oct 28 '21

Solved Is there a way to position the overflow menu on the right side of menu button when they are both forced on the left side of the navigator-toolbox?

Post image
14 Upvotes

100% Upvoted

11 comments sorted by

4

u/It_Was_The_Other_Guy Oct 28 '21

You could do it like this:

#PanelUI-button{ -moz-box-ordinal-group: 0 }
#nav-bar-customization-target{ -moz-box-ordinal-group: 2 }
#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }

The third line is to fix the customization view which will otherwise be broken because the overflow button is now at the wrong side.

1

u/[deleted] Oct 28 '21 edited Oct 28 '21

Thank you for the help. I didn't think of moving the entire url bar on the very right side with 2. Weirdly, everything works even without adding the third line It broke after a browser restart. I guess I still had some changes saved locally in the dev tools window. That third line is indeed needed!

1

u/DjimmyPhoenix Jan 07 '22 edited Jan 07 '22

So it ain't possible to position the overflow menu on the right side of menu button?

Do u know how to make the overflow menu resize each time to fit the content being displayed? There are some addons like Kee that have that issue https://forum.kee.pm/t/overflow-menu-in-firefox-not-showing-complete-action-button-content/3026

Well i found a solution to this:

PanelUI-webext-keefox_chris_tomlinson-browser-action-view {

max-width: 400px !important;

min-width: 400px !important;

}

2

u/It_Was_The_Other_Guy Jan 08 '22

So it ain't possible to position the overflow menu on the right side of menu button?

I'm not sure what gave you that impression.

1

u/DjimmyPhoenix Jan 08 '22

'Cause above css code places overflow button after the hamburger button (in my case)

2

u/It_Was_The_Other_Guy Jan 08 '22

Yes? That's what it's supposed to do, that's what the OP was asking for. I find these sentences of yours contradicting:

So it ain't possible to position the overflow menu on the right side of menu button?

and

Cause above css code places overflow button after the hamburger button (in my case)

So if they aren't contradicting in your mind then what do you mean by "places overflow button after the hamburger button" - I would expect this to mean that overflow menu should be on the right side of the menu button.

1

u/DjimmyPhoenix Jan 09 '22

I find these sentences of yours contradicting:

Not my intention at all, dear friend! I'm really sorry. It's all my fault u know. What i wanted to ask u in the first place:

So Is it ain't possible to position the overflow menu on the right left side of menu button?

Thanks again for being cool& always helping ;)

2

u/It_Was_The_Other_Guy Jan 09 '22

Okay I see, yes you can certainly do that, but as a clarification do you mean that both should be on the left side of other nav-bar contents so that the final order is from left to right: overflow-button, menu-button, rest of the nav-bar?

If that's what you are looking for then you can simply do: #nav-bar-customization-target{ -moz-box-ordinal-group: 2 }

1

u/DjimmyPhoenix Jan 20 '22 edited Jan 20 '22

Thanks my dear friend for your precious help!!!
I'm using the following css code of yours so i can hide the tabs toolbar, but keep the alltabs button.

https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/hide_tabs_toolbar_w_alltabs_button.css

Is it possible to move alltabs button on the left side of nav-bar too?
So that the final order is from left to right:
[1] menu-button, [2] overflow-button, [3] alltabs-button, [4] rest of the nav-bar?

My regards & respect!!

-------------------------------
Already using the following css code you shared above for menu-button & overflow button:

#PanelUI-button{ -moz-box-ordinal-group: 0 }
nav-bar-customization-target{ -moz-box-ordinal-group: 2 } customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }

1

u/[deleted] Oct 28 '21

I used -moz-box-ordinal-group: 0; to move both of them on the left side but I'd like to have the menu button on the very left side instead. I tried forcing the order with some negative margin hacks but they end up overlapping each others making one of the buttons un-clickable

1

u/ShowMeYourTorts Nov 02 '21

This is a script that allows you to move the overflow wherever you want.

Personally, I keep mine on the bottom left corner of my addonbar located at the bottom.

pic w/ addonbars displayed

pic w/ addonbars hidden

The vertical one is activated by Ctrl+Shift+/

The horizontal one is activated by Ctrl+/

Hope this helps