fix: ios home screen app height

[jouni]

Fixes #5576

We can consider adding a feature to the PWA annotation later, if there are requests for that. For now, I assume this fix is enough for the majority of our users.

The bootstrap page update makes sure the app covers the entire viewport height on iOS when opened as a standalone/home screen app.

[cla-assistant]

All committers have signed the CLA.

[github-actions]

Test Results

 1 420 files  ±0   1 420 suites  ±0   1h 21m 4s ⏱️ -55s
 9 999 tests ±0   9 931 ✅ ±0  68 💤 ±0  0 ❌ ±0 
10 471 runs  ±0  10 402 ✅ ±0  69 💤 ±0  0 ❌ ±0 

Results for commit 099c819. ± Comparison against base commit 92cc26c.

[mstahv]

👍Looks very good! I'm assuming Jouni did the homework and tested with various versions/environments.

I'm currrently doing effectively same setting for "apple-mobile-web-app-status-bar-style" via weird JS hack as it is basically impossible to override on the server-side. Otherwise my app would simply look bad, now it's beatiful background photo can spread to the whole screen estate.

I don't remember if "lvh" height is in use in any of my apps, but I trust the expertise of Jouni here.

[jouni]

I'm assuming Jouni did the homework and tested with various versions/environments.

Well, you’re kinda right – I did that, but only after I opened the PR. Setting up a working Android emulator setup took a bit more effort, and I only now got to testing it. And apparently there is an issue. So hold on for a moment before merging.

Update: done.

[sonarqubecloud]

Quality Gate passed

Issues
3 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud