From ef4e3a30fb718d65ce5f2039e7cd39deaa18bce5 Mon Sep 17 00:00:00 2001 From: Gabber235 Date: Mon, 28 Apr 2025 22:32:32 +0200 Subject: [PATCH] fix: black gap on on cloud in sidebar (#7383) (#7427) Co-authored-by: Vikrant Gupta --- .../src/container/SideNav/SideNav.styles.scss | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/frontend/src/container/SideNav/SideNav.styles.scss b/frontend/src/container/SideNav/SideNav.styles.scss index 640c296b93..50efcfe2d4 100644 --- a/frontend/src/container/SideNav/SideNav.styles.scss +++ b/frontend/src/container/SideNav/SideNav.styles.scss @@ -110,9 +110,16 @@ } .nav-wrapper { height: calc(100% - 52px); + display: flex; + flex-direction: column; + justify-content: space-between; .primary-nav-items { - max-height: 65%; + display: flex; + flex-direction: column; + flex: 1; + min-height: 0; + max-height: 100%; overflow-y: auto; overflow-x: hidden; @@ -121,15 +128,14 @@ } } .secondary-nav-items { - max-height: 35%; + display: flex; + flex-direction: column; + flex-shrink: 0; overflow-y: auto; overflow-x: hidden; border-top: 1px solid var(--bg-slate-400); padding: 8px 0; max-width: 100%; - position: fixed; - bottom: 0; - left: 0; width: 64px; transition: all 0.2s, background 0s, border 0s;