I have finally achieved my lifelong dream of getting Firefox down to only 1 bar along the top.
I have finally achieved my lifelong dream of getting Firefox down to only 1 bar along the top.
It's so beautiful I might cry.
I have finally achieved my lifelong dream of getting Firefox down to only 1 bar along the top.
It's so beautiful I might cry.
Do you have the css for this somewhere? I’d love to see it
I do not understand. Could someone explain what's happening?
They got MS Edge like vertical tabs going, which after also using for nearly a year now I will say should be the default setup on wide/desktop formats.
We got more horizontal space than vertical in 16:9 and so on, so it maks no sense to have a second horizontal bar taking up precious vertical space when we can trivially use vertical tabs to use up the abundant space instead. More so because most websites use only a tiny fraction of the horizontal space in their layout anyways (case in point, Lemmy renders the same width whether I got vertical tabs or not).
Ever since MS Edge came out I've been looking for this in other browsers, and at least in Firefox I can do it myself, I just wish it was an official thing.
They got MS Edge like vertical tabs
To be fair, vertical tabs has been possible in Firefox for way longer than Edge has even existed. For example this add-on is more than a decade old.
Everyone here seeing this: "Wow so sleek, amazing!"
Meanwhile, Mozilla: "Yeah so we're going to remove compact title bars in favor of touch friendly nonsense. OK. Fine. We will just hide it in about:config until later when we will silently remove it."
hi, i loved your Firefox layout, can you please upload or provide the css for same. I would love to implement on my system
My dumb ass just opened Firefox on my phone to try this...
I think to some extant you can mess with the mobile CSS, but I'm not positive on that, I use apps primarily on mobile and when I have to I use Mull and haven't messed with it much in depth.
And here I am adding back the title bar and all that other shit. Hell, how do I get the status bar back at the bottom?
Is it not in the customize menu anymore? Mozilla kills me with what they silently remove or change or hide away.
Am I crazy if I remember doing that over 10 years ago? I've been using Chrome for a long time now, but you just made me remember that I used to do that on Firefox when I was using it before it became crap (before becoming good again).
Yeah, same here. Was the first thing I used to do.
First up is the userChrome.css file found in your profile folder and then the chrome inside that, mine has a bit at the beginning for the addon SimpleMenuWizard, which you can remove, but I included it for full transparency in what I'm working with here:
Next up, I have the addon TabCenterReborn which was used for the tabs on the side, you absolutely can accomplish this with only CSS if you know how. I do not know how. So I'm using that addon and it has it's own CSS page in it's settings. Here is what I have there, but warning: it's an even bigger mess and I am sorry:
EDIT: Already finding flaws in this I need to figure out, lol. The tab bar for me is not appearing by default in private windows, it is appearing by default in popups like Google logins and downloads, and it's not accessible at all when in fullscreen for me when on the edge of my browser that goes into where my two monitors meet.
I remember how I had Firefox, which also used vertical tabs, hiding the address bar when there is no cursor on it, the minus is that because of this, the entire center of the sites will be shifted
Ooh, how?
How you did it?
How?
you can style firefox with arbitrary css code!
userChrome.css (+also userContent.css, user.js if you need them)
just enable toolkit.legacyUserProfileCustomizations.stylesheets
in the about:config
page
then open your Firefox profile folder, create a folder called "chrome" and create two files: userChrome.css and userContent.css
you can style browser window elements using the userChrome.css
userContent.css applies to all pages, including your firefox home page which is usually impossible to style eith extensions for security purposes (use -moz-*
queries to restrict to certain pages)
You can find your Firefox profile folder at about:profiles
.
Appreciate you replying, thank you.
Wow, I love it! Can you share your .css Files?
... how?!?!
Thank you! What's really weird is I don't see your comment in Voyager, but I can read it when I follow your direct link. I wonder why that is
Here is what I see: https://wefwef.app/inbox/hackertalks.com/c/firefox@lemmy.ml/comments/77590/
Very weird
side tree tabs lyfe forever and ever
I didn't know you could do this. I just investigate this option now
I believe it is Mac only, but have you seen Arc?
Also, check out ArcFox, a way to implement some of Arc Browser's design into Firefox.
Keep in mind that it is currently undergoing a rewrite.
This is pretty cool! Just installed it. But the css doesn’t seem to load properly, following the tutorial. Do you also have weird stuff going on with the top bar still showing sometimes?
I'll go to the grave with Firefox installed on my brain chip.
That screenshot OP posted is clearly a windows computer.
They weren't saying the screenshot was of Mac OS. They were saying they believe Arc is only for Mac OS.
I am using MrOtherGuy css - https://github.com/MrOtherGuy/firefox-csshacks
I use this one for ulr+tab combinated, with multiple options.
https://mrotherguy.github.io/firefox-csshacks/?file=multi-rowonelinercombopatch.css
Now get it to mouse over only, so there is no showing ui. :-)
I like the way you think, but I also like to have a few elements visible at all times.
Looks sleek, good job comrade
Congratulations! Please, do a TedTalk or something!
you can also do that with floorp browser
You did it!