Mastodawn

phareous Aug 6, 2023

Lose title bar in iOS

Lose title bar in iOS - Lemmy.world

When I use the app as a Home Screen PWA I can’t see the title bar anymore. This is kindof annoying because it hides the clock. Anybody have any ideas on this? Is it seeing the devs can control?

Show thread

revs Aug 6, 2023

iOS issue. Not one the dev can control.

However if you use the TestFlight native app, you won’t get this issue.

Show thread

carobwagoner Aug 6, 2023

They can: stackoverflow.com/…/how-to-change-the-background-…

How to change the background color of the iOS status bar for Safari Web Apps?

I'm trying to find a way to change the background color of the iOS status bar for a mobile web app that I'm currently working on. I've seen several solutions for native applications, but I need a

Stack Overflow

Show thread

tun Aug 7, 2023

The answer is almost 10 years old. If you are certain it can fix the issue you should create a PR.

Show thread

carobwagoner

Fail enough. I went and tried the answer without quick luck. After some trial and error, in the simplest working page:

This gets you a status bar with black background and white text:

<p>Testing Status bar: white text text, black background</p>

This gets you a status bar with white background and black text:

<p>Testing Status bar: black text, white background</p>

the important detail is getting the theme inside the body element not the head. Other colors can be used too, for example, a red status bar:

I don’t really have time to apply this in the voyager app and I don’t use it either, so I’m not really motivated to do it atm. Just for the sake of it, I’ve downloaded the code and tried to apply the changes I though it would make it work, but it was not a straight forward fix, so I gave up.