From 6444277c058fecb90bf4e8f0af58f688e785e136 Mon Sep 17 00:00:00 2001
From: David Baker <dbkr@users.noreply.github.com>
Date: Mon, 19 Feb 2024 15:55:41 +0000
Subject: [PATCH] Margin back down to 18px & tweaked gradient stops
---
res/css/structures/_SpacePanel.pcss | 18 ++++++++++++++++--
res/css/structures/_ThreadsActivityCentre.pcss | 2 +-
2 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/res/css/structures/_SpacePanel.pcss b/res/css/structures/_SpacePanel.pcss
index 241245aaae..c32cfa58a5 100644
--- a/res/css/structures/_SpacePanel.pcss
+++ b/res/css/structures/_SpacePanel.pcss
@@ -348,7 +348,14 @@ limitations under the License.
}
&.mx_IndicatorScrollbar_bottomOverflow {
- mask-image: linear-gradient(to top, transparent, black 16px);
+ mask-image: linear-gradient(
+ to top,
+ transparent,
+ rgba(255, 255, 255, 30%) 4px,
+ rgba(255, 255, 255, 55%) 8px,
+ rgba(255, 255, 255, 75%) 12px,
+ black 16px
+ );
}
&.mx_IndicatorScrollbar_topOverflow.mx_IndicatorScrollbar_bottomOverflow {
@@ -357,7 +364,14 @@ limitations under the License.
Note the top fade is much smaller because the spaces start close to the top,
so otherwise a large gradient suddenly appears when you scroll down. */
mask-image: linear-gradient(to bottom, transparent, black 16px),
- linear-gradient(to top, transparent, black 16px);
+ linear-gradient(
+ to top,
+ transparent,
+ rgba(255, 255, 255, 30%) 4px,
+ rgba(255, 255, 255, 55%) 8px,
+ rgba(255, 255, 255, 75%) 12px,
+ black 16px
+ );
mask-position:
0% 0%,
0% 100%;
diff --git a/res/css/structures/_ThreadsActivityCentre.pcss b/res/css/structures/_ThreadsActivityCentre.pcss
index c08f3d4076..d1ac04162f 100644
--- a/res/css/structures/_ThreadsActivityCentre.pcss
+++ b/res/css/structures/_ThreadsActivityCentre.pcss
@@ -24,7 +24,7 @@
align-items: center;
justify-content: center;
border-radius: 8px;
- margin: 40px auto auto auto;
+ margin: 18px auto auto auto;
&.expanded {
/* align with settings icon */
--
GitLab