Remove bar at top of screen on iOS

[realchrislovett]

On iOS, when the app runs as a PWA without this line, there will be a blue bar at the top of the screen. Implementing this setting will make for a more seamless UI on iOS, as documented below.

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

Before apple-mobile-web-app-status-bar-style:

After apple-mobile-web-app-status-bar-style:

[schlagmichdoch]

Do you not like the theme color in the header bar?

Also, are these sceenshots from your own tests or from the current state at https://pairdrop.onrender.com/manifest.json ? I'm wondering about the footer being overlayed by the iOS UI

[realchrislovett]

The theme color is fine, as it goes along with the other blues. I prefer the fullscreen feel without header bar, however. Makes a lot more sense if you're looking at it on-device, rather than a screenshot.

These where taken on my setup with the changes implemented in the pwa_standalone branch included. I've noticed this overlay as well, but I don't have the expertise to fix it. I assume some sort of padding at the bottom would resolve it. This occurs with or without my commit and seems to just be how the page fills the screen when in "standalone" mode.

[schlagmichdoch]

The theme color is fine, as it goes along with the other blues. I prefer the fullscreen feel without header bar, however. Makes a lot more sense if you're looking at it on-device, rather than a screenshot.

I’ll give it a try, thanks!

I assume some sort of padding at the bottom would resolve it. This occurs with or without my commit and seems to just be how the page fills the screen when in "standalone" mode.

This what this css part is for:

https://github.com/schlagmichdoch/PairDrop/blob/8a833cd69dae86519d60b11ee5e094f232772c31/public/styles/styles-main.css#L912-917

Are you completely sure this includes this change? Have you deleted your cache? Please test again on https://pairdrop.onrender.com/ as this is what it looks like for me:

[realchrislovett]

Resolved an issue on my side. You are correct. This is a rendering from Xcode's simulator. Also confirmed on my iPhone 16.

[schlagmichdoch]

Perfect! Thanks for testing!