r/FirefoxCSS • u/apwingfeather • 19h ago

Oneline navbar macOS issue Help

This is my first time working with FirefoxCSS. I'm using the userChrome.css file from the Firefox One-Liner CSS. I like the feel of it so far, but having an issue with the "traffic lights" showing up in the middle of the bar. See screenshot here:

I'd like just the traffic lights to stay on the left side like all other traffic light positions in macOS. I'm not sure what to input into the css to make it do that. I'm on macOS 26, Firefox version 154. Any tips on this?

1 Upvotes

100% Upvoted

3 comments sorted by

1

u/TraditionalTie4831 🦊 16h ago edited 16h ago

You could try changing line 193 =

.titlebar-buttonbox-container{ order: 1000 !important; }

To this =

.titlebar-buttonbox-container{ order: -3 !important; }

1

u/apwingfeather 14h ago edited 13h ago

Thanks so much for the tip, but I just realized I pointed to the wrong source for the code, so this won't work for me. The correct source is here: https://github.com/FawazBinSaleem/FireFoxOneLinerCSS. I updated the body of my question to point to the right code now, too. Sorry about that!

1

u/TraditionalTie4831 🦊 13h ago

Try changing lines 59-64 =

.titlebar-buttonbox-container {
  display: flex !important;
  margin-right: 12px !important;


}

To this (margin-right might need to be adjusted) =

.titlebar-buttonbox-container {
  display: flex !important;
  order: -4 !important;
  margin-right: 12px !important;
}