From 1ee0dc4b66c10abfb2fcf75916b2f38b16736a1b Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 31 Jan 2019 13:31:55 +0100
Subject: [PATCH 1/2] make overflow gradients much smaller and turn bottom into
 drop shadow

---
 res/css/structures/_RoomSubList.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss
index fcf6f41c80..04e433de06 100644
--- a/res/css/structures/_RoomSubList.scss
+++ b/res/css/structures/_RoomSubList.scss
@@ -134,7 +134,7 @@ limitations under the License.
         position: sticky;
         left: 0;
         right: 0;
-        height: 35px;
+        height: 8px;
         content: "";
         display: block;
         z-index: 100;
@@ -142,20 +142,23 @@ limitations under the License.
     }
 
     &.mx_IndicatorScrollbar_topOverflow > .mx_AutoHideScrollbar_offset {
-        margin-top: -35px;
+        margin-top: -8px;
     }
     &.mx_IndicatorScrollbar_bottomOverflow > .mx_AutoHideScrollbar_offset {
-        margin-bottom: -35px;
+        margin-bottom: -8px;
     }
 
     &.mx_IndicatorScrollbar_topOverflow::before {
         top: 0;
+        transition: background-image 0.1s ease-in;
         background: linear-gradient(to top, rgba(242,245,248,0), rgba(242,245,248,1));
     }
 
     &.mx_IndicatorScrollbar_bottomOverflow::after {
         bottom: 0;
-        background: linear-gradient(to bottom, rgba(242,245,248,0), rgba(242,245,248,1));
+        transition: background-image 0.1s ease-in;
+        margin: 0px -8px;
+        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1));
     }
 }
 

From c432c7995337d2f79a0c8520d47aefea71112d0f Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 31 Jan 2019 15:03:32 +0100
Subject: [PATCH 2/2] remove the bottom gradient entirely for now

---
 res/css/structures/_RoomSubList.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss
index 04e433de06..eb056a5eff 100644
--- a/res/css/structures/_RoomSubList.scss
+++ b/res/css/structures/_RoomSubList.scss
@@ -154,12 +154,18 @@ limitations under the License.
         background: linear-gradient(to top, rgba(242,245,248,0), rgba(242,245,248,1));
     }
 
+/*
+    // for now, we remove the bottomOverflow entirely as we don't want to
+    // lose the screen real-estate due to a bg-colored gradient, but we also
+    // don't want to use drop shadows and risk a confusing hierarchy of cards.
+    // so, instead, we hard-clip at the bottom but soft-clip at the top.
     &.mx_IndicatorScrollbar_bottomOverflow::after {
         bottom: 0;
         transition: background-image 0.1s ease-in;
         margin: 0px -8px;
-        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1));
+        background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.0));
     }
+*/
 }
 
 .collapsed {