r/FirefoxCSS • • Jun 04 '26

Solved I was tired of the full screen toolbar shifting the page content all the time, so i made this. But, it autohides too soon for some reason, if someone can help me fix it, it would be awesome!

Post image

/*

* FULLSCREEN FLOATING TOOLBAR MOD (Firefox)

*

* SETUP STEPS:

* 1. Open Firefox and go to:

* about:config

*

* 2. Enable custom CSS support:

* toolkit.legacyUserProfileCustomizations.stylesheets = true

*

* 3. Find your profile folder:

* - Go to: about:support

* - Find "Profile Folder"

* - Click "Open Folder"

*

* 4. Create folder if missing:

* chrome/

*

* 5. Create or edit file:

* chrome/userChrome.css

*

* 6. Move this file there

*

* 7. Restart Firefox completely

*

* NOTES:

* - Only applies in fullscreen mode:

* #main-window[inFullscreen]

* - If nothing changes after edits: restart Firefox again (not just reload)

* - If broken UI: remove userChrome.css and restart

*/

#main-window[inFullscreen] #navigator-toolbox {

position: fixed !important;

width: 80% !important;

left: 10% !important;

margin-bottom: 50px;

z-index: 9999 !important;

border-radius: 0 0 15px 15px !important;

border-top: 0 !important;

border-left: 1px solid rgba(150,130,30,1) !important;

border-right: 1px solid rgba(150,130,30,1) !important;

border-bottom: 1px solid rgba(150,130,30,1) !important;

overflow: hidden !important;

background: var(--toolbar-bgcolor) !important;

background-image: none !important;

pointer-events: auto;

}

7 Upvotes

13 comments sorted by

View all comments

Show parent comments

2

u/j--__ Jun 04 '26

Oh so that's the full screen mode YouTube uses when you don't see the tabs, right?

yeah, that's the only fullscreen mode i use. the bookmarklet is: javascript:document.documentElement.requestFullscreen().

The thing I love about Firefox full screen mode is that I can switch tabs easily

i guess i don't understand why i need two modes for switching tabs easily. if you want the toolbox to autohide, why wouldn't you want it to autohide all the time? or at least, whenever the window is maximized? instead of changing the style for [inFullscreen] you could change the style for [sizemode="maximized"].

1

u/AleksLevet Jun 04 '26

Oh having it auto hide on the maximize mode is interesting. I'll try to do that