Merge pull request #883 from Infineon/881-sidebar-inner-content-heigh…

…t-not-adjusting-when-screen-is-zoomed-out Sidebar: inner content height is now flexible
Infineon · Jan 12, 2024 · 3d9a7e7 · 3d9a7e7
2 parents efcd412 + 64de5a3
commit 3d9a7e7
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/packages/components/src/components/sidebar/sidebar.scss b/packages/components/src/components/sidebar/sidebar.scss
@@ -22,11 +22,11 @@
     flex-direction: column;
     align-items: center;
     padding: 0px;
-    flex: none;
+    flex: 1 1 auto; 
     order: 0;
-    flex-grow: 0;
     z-index: 0;
     width: 100%;
+    overflow-y: auto; 
 
     //max-height: 440px;
     //overflow-y: auto;
@@ -95,13 +95,10 @@
       flex-direction: column;
       align-items: flex-start;
       padding: 12px 32px;
-      flex: none;
+      flex: 1 1 auto; 
       order: 1;
-      flex-grow: 0;
       width: 100%;
-
-      max-height: 440px;
-      overflow-y: auto;
+      overflow-y: auto; 
 
       & ::slotted(*) {
         width: 100%;