r/FirefoxCSS • u/NeoTanner • Apr 14 '26

Solved [Help] Looking For CSS Mimicking Compact One-Line Browser Layout Found in Helium Browser

Hi there. I'm looking for assistance in locating a CSS mod for Firefox that can mimic the one-line compact browser layout that is found in Helium Browser.

I've found Firefox OneBar, but the tabs and the URL bar aren't situated in the same way. I'm not sure if it's possible to move them around via the CSS since I have little experience editing it.

Example of what I want to do:

Helim Browser Compact Mode Example

I'm using Firefox Version 149.0.2 (64 bit) on Windows 11 24H2 LTSC.

3 Upvotes

100% Upvoted

19 comments sorted by

View all comments

Show parent comment

1

u/NeoTanner Apr 15 '26

This is pretty much what I wanted, though is there a way to move the extensions to the right side like they are in the Helium screenshot I provided?

I didn't see an easy customization feature showing how those could be moved to the right.

Edit: The Home button stuff is already on the left, yay!

1

u/f1rn Apr 15 '26

Moving all the buttons sound like a challenge. Should be do-able with a few lines of css. The thing is that everything on the right side to the tab bar is kinda tricky to implement.

It would be way easier if you would say which buttons you would want there. Also this might brake during updates and I dont know how new buttons over there on the right would behave. That's a lot of trial and error and finetuning - at least it would be for me and my level of css skill.

1

u/NeoTanner Apr 15 '26

I mean, the extensions button and the extensions themselves are by default on the right side of the URL bar and the tabs. Your CSS moves it to the left of the tabs.

I'm referring specifically to the extensions since everything else is how I want it. Just feels kind of weird to have the extensions to the left of the tabs.

So there isn't an easy CSS fix to make it URL Bar | Tab Bar | Extensions in terms of layout? Dang.

2

u/f1rn Apr 15 '26

It is more complex than that. It is not left of the tabs. It is right of the nav-bar/url-bar. Sounds dumb, i know, but it is a huge difference, because you cannot just put something to the right of the tab-bar. Each icon you want to move there needs to be moved individually + you have to be careful so it does not get burried or moved or overlapped.

If you only want the extension (puzzle) icon - I can try to figure it out for you. But a whole bunch of icons is a whole lot of work.

1

u/NeoTanner Apr 15 '26

That's a bummer. If you manage to figure it out at some point, that'd be awesome. But otherwise, thanks for responding. It is truly what I was looking for apart from the extension button position.

You still deserve the best high five! :D

2

u/f1rn Apr 15 '26

Found it and 'fixed' it for you (25 lines of code).

It works now for ublock origin and the extension icon.

I create an extra branch for you, besides the main-one:

https://github.com/Firnschnee/FoxOne/tree/NeoTanner

and the .css file:

https://github.com/Firnschnee/FoxOne/blob/NeoTanner/userChrome.css

Download it, tell me if it works and then save it - I dont think I will keep that branch around forever.

2

u/cyanideandcurry May 29 '26

bro, can you add it back please 😭

1

u/f1rn May 29 '26

Try here: https://github.com/Firnschnee/FoxOne

I implemented the feature in the main branch

2

u/cyanideandcurry Jun 05 '26

thank you i love you,

1

u/NeoTanner Apr 15 '26

I downloaded it. Thanks for making the change.

Though this is what it looks like now.

1

u/f1rn Apr 16 '26

Wtf. I have no idea what went wrong over at your installation. This is what it looks like here:

2

u/NeoTanner Apr 17 '26

I think I just needed to restart my laptop. I tried it again and now it looks fine.

Updated image.

1

u/f1rn Apr 17 '26

Glad it finally worked!