From bbfafc31a79696ed301149445de1f88d2d538e46 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 21 Nov 2019 14:43:20 -0500
Subject: [PATCH] UX: Increase fade on long sign-up form content for more
 evident scroll

---
 app/assets/stylesheets/desktop/login.scss | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/desktop/login.scss b/app/assets/stylesheets/desktop/login.scss
index 40b59d5b68e..0e2688db340 100644
--- a/app/assets/stylesheets/desktop/login.scss
+++ b/app/assets/stylesheets/desktop/login.scss
@@ -143,21 +143,25 @@
     &:before {
       content: "";
       display: block;
-      height: 25px;
       position: absolute;
       width: 100%;
       pointer-events: none;
     }
     &:after {
       bottom: 0;
+      height: 35px;
+      @media screen and (max-height: 650px) {
+        height: 45px;
+      }
       background-image: linear-gradient(
         to bottom,
         rgba($secondary, 0) 0%,
-        rgba($secondary, 1) 100%
+        rgba($secondary, 0.9) 100%
       );
     }
     &:before {
       top: 0;
+      height: 25px;
       background-image: linear-gradient(
         to top,
         rgba($secondary, 0) 0%,
@@ -167,10 +171,13 @@
     form {
       box-sizing: border-box;
       padding: s(4 6);
-      margin-bottom: 5px;
+      margin-bottom: 0;
       max-height: 475px;
-      @media screen and (max-height: 768px) {
-        max-height: calc(60vh - 100px);
+      @media screen and (max-height: 650px) {
+        max-height: calc(65vh - 100px);
+        > *:last-child {
+          margin-bottom: 40px;
+        }
       }
       overflow-x: hidden;
       overflow-y: auto;
@@ -203,6 +210,10 @@
     }
   }
 
+  .user-fields {
+    margin-bottom: 20px;
+  }
+
   .user-field {
     display: flex;
     flex-direction: column;