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?

  • revs@feddit.ukEnglish
    4·
    2 years ago

    iOS issue. Not one the dev can control.

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

      • tun@lemmy.worldEnglish
        4·
        2 years ago

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

        • carobwagoner@lemmy.worldEnglish
          1·
          2 years ago

          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:

          ＜html>
    ＜head >
        ＜meta name="apple-mobile-web-app-capable" content="yes" />
    ＜/head>
    ＜body>
        ＜meta name="theme-color" content="#000">
        ＜p>Testing Status bar: white text text, black background＜/p>
    ＜/body>
＜/html>

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

          ＜html>
    ＜head>
        ＜meta name="apple-mobile-web-app-capable" content="yes" />
    ＜/head>
    ＜body>
        ＜meta name="theme-color" content="#fff">
        ＜p>Testing Status bar: black text, white background＜/p>
    ＜/body>
＜/html>

          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:

          ```＜meta name=“theme-color” content=“#ff0000”>``

          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.

          (Sorry for the formatting, the editor keeps removing all of the html tags in the comment)