fixed sidebar overlapping toolbar on mobile safari

engelcss · Apr 1, 2020 · c6b1b4f · c6b1b4f
1 parent 67174b5
commit c6b1b4f
Showing 1 changed file with 15 additions and 5 deletions.
diff --git 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;