[Request] Move the menubar from left side to right side

[waffles38]

Hello MrOtherGuy, love your work!

Was wondering if you could make a mod to move the menubar to right side like in the image? I really dislike having it on the left side so it would be great if you can create this. Thank you

[MrOtherGuy]

What styles are you using? Anyway, up to Firefox 132 you can get that kind of layout with simply this provided that you enable menubar (kinda looks like you are already doing that):

#titlebar{
  flex-direction: row-reverse !important;
}
#main-window #menubar-items > #main-menubar{
  flex-grow: 1;
}

It would only differ from your image by the fact that alltabs-button won't be between window-controls and menubar.

[MrOtherGuy]

With Firefox 133 this becomes a bit more complicated but this should work:

#navigator-toolbox{
  display: grid;
  grid-auto-columns: 1fr auto;
}
.browser-toolbar,
.global-notificationbox,
#tab-notification-deck{
  grid-column: 1/3;
}
#TabsToolbar{
  grid-row: 1/2;
  grid-column: 1/2;
}
#toolbar-menubar{
  grid-column: 2/3;
}
#toolbar-menubar > spacer{
  display: none;
}
#main-window #menubar-items > #main-menubar{
  flex-grow: 1;
}

Also with 133 you can move the alltabs button wherever you like in customize mode just like any other button.

[waffles38]

Thank you so much man! It works great and i am currently using v131. I was wondering, is it possible to also add an empty space bar to the far right "before" the menubar? See my example image

[MrOtherGuy]

That doesn't look like it's supposed to look. Window controls are supposed to be in the right corner like they normally are. That probably means that you have some other styles that mess things up - and possibly also that you don't have menubar enabled.

If you then would want a space between menubar items and window-controls then you could simply add something like:

#toolbar-menubar > spacer{ width: 40px }

[waffles38]

Yeah, you are right. I didn´t notice it first but as soon as i minimized browser it felt odd having the controls there so it´s probably due to some of my others mods like you said. These are the ones i currently have in my CSS file,

1. https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_loading_progress_bar.css
2. https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/loading_indicator_rotating_image.css
3. https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_animated_active_border.css
4. https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_tabs_toolbar.css
5. https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_bookmarks_toolbar.css

[MrOtherGuy]

Yeah, okay - remove that menubar_in_tabs_toolbar.css - it assumes that you want to display menubar on the left side of tabs which is apparently opposite of what you want. So remove that and just use the snippet above.

For Firefox 133 I could make that style have an a pref in about:config to create an easily switchable option to select which way tabs vs. menubar should be shown.

[waffles38]

Yep, that fixed it! Thanks again for the help:)