From ea27079ffad838350c1d7de67814100801357515 Mon Sep 17 00:00:00 2001 From: Keegan George Date: Tue, 20 Sep 2022 16:03:40 -0700 Subject: [PATCH] FIX: Sidebar scroll fade on older iOS (#18299) * DEV: Use explicit transparent color rather than keyword * DEV: Use variable for dark mode * DEV: Add mobile style --- app/assets/stylesheets/common/base/sidebar-footer.scss | 2 +- app/assets/stylesheets/mobile/menu-panel.scss | 10 ++++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/common/base/sidebar-footer.scss b/app/assets/stylesheets/common/base/sidebar-footer.scss index 5cf9f34f124..6c0f3fc2cfd 100644 --- a/app/assets/stylesheets/common/base/sidebar-footer.scss +++ b/app/assets/stylesheets/common/base/sidebar-footer.scss @@ -24,7 +24,7 @@ pointer-events: none; background: linear-gradient( to bottom, - transparent, + rgba(var(--primary-very-low-rgb), 0), rgba(var(--primary-very-low-rgb), 1) ); } diff --git a/app/assets/stylesheets/mobile/menu-panel.scss b/app/assets/stylesheets/mobile/menu-panel.scss index 17b3dbbf4d7..7d836bd4c05 100644 --- a/app/assets/stylesheets/mobile/menu-panel.scss +++ b/app/assets/stylesheets/mobile/menu-panel.scss @@ -97,6 +97,16 @@ margin-top: 0; } + .sidebar-footer-container { + &:before { + background: linear-gradient( + to bottom, + rgba(var(--primary-very-low-rgb), 0), + rgba(var(--primary-very-low-rgb), 1) + ); + } + } + .sidebar-sections { display: flex; flex-direction: column;