Completely hide Firefox UI/Toolbox from popping up on mouseover when navbar is disabled

[padgriffin]

I found it annoying that the Firefox tab bar and other UI elements would still pop up when the mouse is near the top.

This can be effectively hidden/disabled completely by changing line 25 in userChrome.css from --browser-area-z-index-toolbox: 3; to --browser-area-z-index-toolbox: 0;. This is a bit of a hack but makes the WebApp feel native by not having the Firefox UI popping up.

[DanWolfstone]

For those who also struggled with this but can't find the profiles folder; check common.py (lines-51-61) to see where the profiles are for your specific browser.

replacing the entirety of userChrome.css with the following seemed to work well for me.

/* hides the native tabs */
#TabsToolbar {
visibility: collapse;
}
/* leaves space for the window buttons */
#nav-bar {
  visibility: collapse;
}

[Justinzobel]

How do you know which profile belongs to which webapp for Firefox?

[Justinzobel]

I guess it would be nice if webapp-manager created the Firefox profile with the name of the app, if that is possible.

[Justinzobel]

I checked the .desktop file in ~/.local/share/applications and it directed me to ~/.local/share/ice/firefox/NameOfWebApp.

I added the code from @DanWolfstone and it works awesome, thanks!