diff --git a/res/css/structures/_SpacePanel.pcss b/res/css/structures/_SpacePanel.pcss index 241245aaaecb3a5b2582964cd30d4b8d8693c8b3..c32cfa58a576648568758c8a1083f8edd7966d2b 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 c08f3d4076c0f5f36c1ea8ad8b45bdd8c521af20..d1ac04162f5e09ac461aa80ffcdaa463f21c9be3 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 */