From 2be4f5e43e4e19e56674dc068cbe80def343a5d3 Mon Sep 17 00:00:00 2001
From: Fabian Albrecht <>
Date: Tue, 19 Dec 2017 15:53:40 +0100
Subject: [PATCH] fix(): update ios style fixes for ios 11.2 compatibility

---
 scss/_platform.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/scss/_platform.scss b/scss/_platform.scss
index aae13d04b..fe8310600 100644
--- a/scss/_platform.scss
+++ b/scss/_platform.scss
@@ -101,22 +101,28 @@
 @media (orientation: landscape) {
   .item {
     padding: $item-padding calc(constant(safe-area-inset-right) + #{$item-padding});
+    padding: $item-padding calc(env(safe-area-inset-right) + #{$item-padding});
 
     .badge {
-      right: calc(constant(safe-area-inset-right) + 32px)
+      right: calc(constant(safe-area-inset-right) + 32px);
+      right: calc(env(safe-area-inset-right) + 32px);
     }
   }
   .item-icon-left {
     padding-left: calc(constant(safe-area-inset-left) + 54px);
+    padding-left: calc(env(safe-area-inset-left) + 54px);
 
     .icon {
       left: calc(constant(safe-area-inset-left) + 11px);
+      left: calc(env(safe-area-inset-left) + 11px);
     }
   }
   .item-icon-right {
     padding-right: calc(constant(safe-area-inset-right) + 54px);
+    padding-right: calc(env(safe-area-inset-right) + 54px);
     .icon {
       right: calc(constant(safe-area-inset-right) + 11px);
+      right: calc(env(safe-area-inset-right) + 11px);
     }
   }
 
@@ -128,15 +134,21 @@
         calc(constant(safe-area-inset-right) + #{(ceil( ($item-padding * 3) + ($item-padding / 3)) - 5)})
         $item-padding
         calc(constant(safe-area-inset-left) + #{$item-padding});
+      padding: $item-padding
+        calc(env(safe-area-inset-right) + #{(ceil( ($item-padding * 3) + ($item-padding / 3)) - 5)})
+        $item-padding
+        calc(env(safe-area-inset-left) + #{$item-padding});
     }
   }
 
   .item-left-edit.visible.active {
     @include translate3d(calc(constant(safe-area-inset-left) + 8px), 0, 0);
+    @include translate3d(calc(env(safe-area-inset-left) + 8px), 0, 0);
   }
   .list-left-editing .item-left-editable .item-content,
   .item-left-editing.item-left-editable .item-content {
     @include translate3d(calc(constant(safe-area-inset-left) + 50px), 0, 0);
+    @include translate3d(calc(env(safe-area-inset-left) + 50px), 0, 0);
   }
 
   .item-right-edit{