mroberge / material Goto Github PK

This is two parts: remove the Google Maps full screen icon, because it hides my UI, and add my own mechanism for going full screen. It seems like there are several mechanisms that make it possible to hide the browser controls and go to full screen. Google Developers has a nice description of these methods:

• (don't use this hack) window.scrollTo(0,1); hides the browser bar, but it is quirky and inconsistent.
• add a webapp manifest. This seems really straightforward, and allows users to install the website as an icon on their phone. Perhaps this could be a link ('create icon on homescreen' or 'install app') at the bottom of the side drawer under settings.
• Have a full-screen icon, like Google Maps has. This would toggle full-screen mode. But where would I find the space to add this icon? I'm already getting crowded!

Gitter Sidecar is pretty easy to use. It allows you to add a Gitter chat room to your page without much fuss. To use, set up a hydrocloud room in Gitter, add the name of the room to the code snippet, and then paste the snippet into the page. The default system adds a big green button at the bottom of the page. Click on it, and the chat stream slides out from the right side of the page. On mobile this takes up the entire screen. The page has icons for closing and switching to a full page for the room. For me to use this in a mobile-friendly website, I would have to alter the defaults a little, and add the .js-gitter-toggle-chat-button class to my preferred chat toggle button. I think that is all there is to it- very simple.