CSS: Add safe area paddings for iPhone X landscape orientation

fixes #2966
2017-09-20 11:47:39 +02:00 · 2017-09-20 11:47:39 +02:00 · c48f69915b
parent f2c37f1e93
commit c48f69915b
1 changed files with 10 additions and 0 deletions
--- a/public/css/icinga/responsive.less
+++ b/public/css/icinga/responsive.less
@ -119,3 +119,13 @@
 #layout.twocols.wide-layout #col2 {
  width: 66.66%;
 }
+
+// Safe areas for iPhone X
+
+#header, #sidebar, #footer {
+  padding-left: constant(safe-area-inset-left);
+}
+
+#main, #footer {
+  padding-right: constant(safe-area-inset-right);
+}