Android browsers: App Mode - Full Screen / No Address Bar

[Huster-at-github]

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:

[MorrisJobke]

@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]

cc @nextcloud/designers

[jancborchardt]

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]

Why not just center the container with login, and have background cover for main div?

It should work just fine.

[eppfel]

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]

Well the issue here is that we have a fixed header. Anyone have a good idea around this?

[jancborchardt]

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]

Well the issue here is that we have a fixed header. Anyone have a good idea around this?

No. The reason is, that we have 100% height fixed and in there a scroll area (the app-content).

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/

no way - why add a JS library where we also can cleanup our mess first and then look into further fixes.

[Espina2]

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/

BTW, Im using that on the Website.

[Vetm]

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]

@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!

[juliushaertl]

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]

Fix is in #9982