Use env(safe-area-inset-bottom) to prevent issues on Apple devices

Retrospring · Jan 1, 2022 · 2ce9489 · 2ce9489
1 parent f75d63b
commit 2ce9489
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/assets/stylesheets/overrides/_turbolinks.scss b/app/assets/stylesheets/overrides/_turbolinks.scss
@@ -3,7 +3,7 @@
 
   @include media-breakpoint-down('md') {
     top: unset !important;
-    bottom: 45px !important;
+    bottom: calc(45px + env(safe-area-inset-bottom)) !important;
     position: fixed;
     left: 0 !important;
   }