Making an app mode style

[ghost]

I'm trying to make a Firefox window look like Google chrome app mode. I set everything I need, except we lose [min][max][close]. Any one have another way?

#toolbar-menubar {visibility: collapse;}
#urlbar {visibility: collapse;}
#searchbar {visibility: collapse;}
#find-field-container {visibility: collapse;}
#throbber {visibility: collapse;}
#bookmarks-menu {visibility: collapse;}
#nav-bar {visibility: collapse;}
#TabsToolbar {visibility: collapse;}

[MrOtherGuy]

Enable menubar in Firefox customization and then you can use something like this:

#menubar-items{visibility: collapse;}
#find-field-container {visibility: collapse;}
#nav-bar {visibility: collapse;}
#TabsToolbar {visibility: collapse;}

Sidenote, if you want to show the window title in that empty area then you can use this style - just replace the calc(100vw - 440px) with something like calc(100vw - 140px)

[MrOtherGuy]

Also, if this is just about one specific site then you might want to use SSB instead. Click the urlbar page-action button and there should be an item like "Use this site in app mode" (requires browser.ssb.enabled to be set true)

[hassandraga]

@MrOtherGuy Thank you for your reply, it's working good with this css

@import url(chrome/hide_tabs_toolbar.css);
#nav-bar {visibility: collapse;}

Just the title still need to be corrected.

[MrOtherGuy]

Just the title still need to be corrected.

What do you mean by this?

[hassandraga]

I use show_window_title_in_menubar.css with calc(100vw - 140px) modified.

[hassandraga]

[MrOtherGuy]

The title is correct is it not? So what is there to be corrected?

[hassandraga]

I mean the position :) must be at left if possible.

[MrOtherGuy]

Line 12 here centers the text

Set that to left instead and the title should become left-aligned.