Set max-height for onboarding slides (#5)

To prevent covering of search bar on iPhone 5-size screens
jackkoppa · Mar 19, 2018 · f9d923c · f9d923c
1 parent 15c046a
commit f9d923c
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/sass/modules/home/_home.component.scss b/src/sass/modules/home/_home.component.scss
@@ -1,14 +1,17 @@
 // styles for home > home.component
+$header-height: 90px;
+
 .settings-wrapper {
-    position: fixed;
     bottom: 0;
+    position: fixed;
     width: 100%;
     z-index: map-get($z-index-levels, 'foreground-2');
 }
 
 .onboarding-wrapper {
-    position: fixed;
     bottom: 0;
+    max-height: calc(100vh - #{$header-height});
+    position: fixed;
     width: 100%;
     z-index: map-get($z-index-levels, 'foreground-1');
 }