Repository navigation
Android browsers: App Mode - Full Screen / No Address Bar #4047
Description
Firefox and Chrome have the possibility to run web sites in "App Mode".
Example: Chrome withFM4 Radio Station:
Currently it looks like this in
Firefox:
Chrome:
Activity
MorrisJobke commentedon Mar 27, 2017
@jancborchardt That's what I meant with "the current CSS is awkward", because we don't scroll the whole page but we scroll inside a fixed container, which breaks basically this browser feature 😉
MorrisJobke commentedon Mar 27, 2017
cc @nextcloud/designers
jancborchardt commentedon Mar 27, 2017
I think this is different, because the Radio FM4 page is not scrolled either, right?
@Huster-at-github do you want to contribute a pull request to fix it? :)
Espina2 commentedon Mar 27, 2017
Why not just center the container with login, and have background cover for main div?
It should work just fine.
eppfel commentedon Mar 27, 2017
No, I think @MorrisJobke is right. Works fine with scrolling as well. And this is related to the complete site, not just the login.
@Huster-at-github FM4 😍
jancborchardt commentedon Mar 27, 2017
Well the issue here is that we have a fixed header. Anyone have a good idea around this?
jancborchardt commentedon Mar 27, 2017
There is also this quite nice library for hiding the header – we could hide the Nextcloud header itself with this: http://wicky.nillia.ms/headroom.js/
MorrisJobke commentedon Mar 27, 2017
No. The reason is, that we have 100% height fixed and in there a scroll area (the app-content).
no way - why add a JS library where we also can cleanup our mess first and then look into further fixes.
Espina2 commentedon Mar 28, 2017
BTW, Im using that on the Website.
Vetm commentedon Jul 23, 2017
I think you guys misunterstood @Huster-at-github 's problem. It is not about the url-bar hiding when scrolling down.
On Chrome and Firefox for Android you can add a webpage to the homescreen so it can be launched like an app. There is also a feature where you can hide the url-bar so the webpage actually feels like a native app.
To use this feature you just have to some simple steps as described here.
I'd be happy to fix this issue.
jancborchardt commentedon Aug 12, 2017
@Vetm sorry for the late reply – it would be awesome if you can fix this issue. :) You are very welcome to open a pull request!
juliusknorr commentedon Sep 3, 2017
As a hint for anyone who wants to dig into this starter issue: We already have a manifest.json file. It seems like it is just loaded for logged in users and not on the login page.
MorrisJobke commentedon Jun 25, 2018
Fix is in #9982