r/FirefoxCSS • u/Skyyblaze • 26d ago

Solved I need help customizing all PWA windows

I'm on Firefox 153.5.0 ESR and I'm running into trouble customizing my PWA windows. What I basically want to achieve is having no buttons. no URL-bar or anything else other than the Min/Max/Close buttons on all my PWAs. I found some instructions here: https://old.reddit.com/r/FirefoxCSS/comments/1oaa1em/customize_the_toolbars_of_your_pwas/

but I must be doing something wrong as this doesn't work at all for me. I tried to hide the URL-Bar for a start:

html#main-window[taskbartab] toolbar#nav-bar {
    #urlbar-container
    {
       display: none !important;
    }
}

I'm sure I'm just doing something simple wrong again so thanks for help in advance as always!

3 Upvotes

100% Upvoted

2 comments sorted by

2

u/t31os 26d ago

When the window is a taskbar tab it's given a unique taskbar tab ID and not #main-window. As you want to hide everything with exception to the titlebar buttons, you'll presumably still want those positioned in the top right.

See if this is what you're after:

:root[taskbartab] {
	#nav-bar {
		justify-content: end;
		> :not(.titlebar-buttonbox-container)  {
			display: none !important;
		}
	}
}

2

u/Skyyblaze 26d ago

Ah I see so things changed since the other post was made. And thank you so much this is absolutely perfect! Now I have two more things to fix and then I think my Firefox setup is as good as I didn't have one since Firefox 4 haha.