UX: Landscape spacing in iOS devices with a notch

UX: Landscape spacing in iOS devices with a notch

Avoids some content being covenred by the notch in some iOS devices.

diff --git a/app/assets/stylesheets/mobile/header.scss b/app/assets/stylesheets/mobile/header.scss
index 77f744f..720591b 100644
--- a/app/assets/stylesheets/mobile/header.scss
+++ b/app/assets/stylesheets/mobile/header.scss
@@ -85,4 +85,8 @@
 
 #main-outlet {
   padding-top: 4.2857em;
+  @media only screen and (orientation: landscape) {
+    padding-right: env(safe-area-inset-right);
+    padding-left: env(safe-area-inset-left);
+  }
 }

GitHub sha: fec6411f

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/apple-device-ux-issue/135165/6