From e1dd1fe9e457a0a6e8ece6855e3e6fed20022e86 Mon Sep 17 00:00:00 2001
From: Ben Halpern <bendhalpern@gmail.com>
Date: Tue, 14 Apr 2020 15:30:26 -0400
Subject: [PATCH] [deploy] Fix onboarding profile slide for short screens
 (#7269)

---
 app/assets/stylesheets/preact/onboarding-modal.scss       | 8 ++++++++
 .../__tests__/__snapshots__/Onboarding.test.jsx.snap      | 1 +
 app/javascript/onboarding/components/ProfileForm.jsx      | 1 +
 3 files changed, 10 insertions(+)

diff --git a/app/assets/stylesheets/preact/onboarding-modal.scss b/app/assets/stylesheets/preact/onboarding-modal.scss
index 43b448105..6c34e4cbe 100644
--- a/app/assets/stylesheets/preact/onboarding-modal.scss
+++ b/app/assets/stylesheets/preact/onboarding-modal.scss
@@ -36,6 +36,8 @@
   flex: 1 0 auto;
   padding: $su-4;
   width: 100%;
+  max-height: calc(100vh - 70px);
+  overflow: auto;
 
   @media screen and (min-width: $breakpoint-s) {
     justify-content: center;
@@ -592,4 +594,10 @@ $onboarding-user-selected-hover: rgba(71, 85, 235, 0.2);
       }
     }
   }
+
+  @media screen and (max-height: 790px) {
+    .onboarding-form-input--last {
+      margin-bottom: 25px;
+    }
+  }  
 }
diff --git a/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap b/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap
index 732ca996f..4e1f11db7 100644
--- a/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap
+++ b/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap
@@ -507,6 +507,7 @@ preact-render-spy (1 nodes)
             placeholder="e.g. Company name, self-employed, etc."
             onChange={[Function bound handleChange]}
             maxLength="60"
+            class="onboarding-form-input--last"
            />
         </label>
       </form>
diff --git a/app/javascript/onboarding/components/ProfileForm.jsx b/app/javascript/onboarding/components/ProfileForm.jsx
index 82428a766..1f59da771 100644
--- a/app/javascript/onboarding/components/ProfileForm.jsx
+++ b/app/javascript/onboarding/components/ProfileForm.jsx
@@ -115,6 +115,7 @@ class ProfileForm extends Component {
                 placeholder="e.g. Company name, self-employed, etc."
                 onChange={this.handleChange}
                 maxLength="60"
+                className="onboarding-form-input--last"
               />
             </label>
           </form>