From c6b1b4f586b5740968bd1878421fd016a1748351 Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Wed, 1 Apr 2020 14:27:14 +0200
Subject: [PATCH] fixed sidebar overlapping toolbar on mobile safari

---
 build/scss/_layout.scss | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/build/scss/_layout.scss b/build/scss/_layout.scss
index c0ee91664..520333382 100644
--- a/build/scss/_layout.scss
+++ b/build/scss/_layout.scss
@@ -33,11 +33,13 @@ body,
     }
   }
 
-  .layout-fixed & .sidebar {
-    height: calc(100vh - (#{$main-header-height-inner} + #{$main-header-bottom-border-width}));
-  }
-  .layout-fixed.text-sm & .sidebar {
-    height: calc(100vh - (#{$main-header-height-sm-inner} + #{$main-header-bottom-border-width}));
+  @supports not (-webkit-touch-callout: none) {
+    .layout-fixed & .sidebar {
+      height: calc(100vh - (#{$main-header-height-inner} + #{$main-header-bottom-border-width}));
+    }
+    .layout-fixed.text-sm & .sidebar {
+      height: calc(100vh - (#{$main-header-height-sm-inner} + #{$main-header-bottom-border-width}));
+    }
   }
 
   .layout-navbar-fixed.layout-fixed & {
@@ -566,6 +568,14 @@ body:not(.sidebar-mini-md) {
   }
 }
 
+@supports (-webkit-touch-callout: none) {
+  .layout-fixed {
+    .main-sidebar {
+      height: inherit;
+    }
+  }
+}
+
 .main-footer {
   background: $main-footer-bg;
   border-top: $main-footer-border-top;