From 80d6eda2283ec3b305464bdbeaf269aa46dbff89 Mon Sep 17 00:00:00 2001 From: Randall Morey Date: Wed, 24 Feb 2021 10:49:19 -0500 Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=92=84=20scroll=20only=20within?= =?UTF-8?q?=20columns=20so=20header=20remains=20visible?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ui/desktop/app/styles/app.scss | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/ui/desktop/app/styles/app.scss b/ui/desktop/app/styles/app.scss index d361d91f6..be3610b51 100644 --- a/ui/desktop/app/styles/app.scss +++ b/ui/desktop/app/styles/app.scss @@ -19,6 +19,25 @@ } } +/** + * This section enables scrolling within the sidebar columns separately, + * rather than the whole viewport. This ensures the sidebar and application + * header remain visible when scrolling. + */ +.rose-layout-global { + max-height: 100vh; + + .rose-layout-global-body { + max-height: 100vh; + overflow: hidden; + } + + .rose-layout-sidebar-sidebar, + .rose-layout-sidebar-body { + overflow-y: scroll; + } +} + .rose-nav-sidebar { margin-top: sizing.rems(xxl); @@ -167,7 +186,7 @@ 0% { background-color: var(--action-subtler-1); } - + 100% { background-color: transparent; }