From f9d923c53b29c4e92c8221ebf77a5b3cb505d2ee Mon Sep 17 00:00:00 2001
From: Jack Koppa <hello@jackkoppa.com>
Date: Sun, 18 Mar 2018 21:03:09 -0500
Subject: [PATCH] Set max-height for onboarding slides (#5) To prevent covering
 of search bar on iPhone 5-size screens

---
 src/sass/modules/home/_home.component.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/sass/modules/home/_home.component.scss b/src/sass/modules/home/_home.component.scss
index f7fc516..7b2162b 100644
--- 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');
 }
\ No newline at end of file