fix: fix scrolling issues with sidebar layout when nested nav sections are open; update sidebar layout to ensure viewport tools are still available on larger screens

Author: sghoweri

packages/uikit-workshop/src/sass/scss/04-components/_navigation.scss

@@ -34,6 +34,10 @@
       overflow: visible;
     }
 
+    .pl-c-body--theme-sidebar & {
+      overflow: hidden;
+    }
+
     .pl-c-body--theme-light & {
       box-shadow: 0 1px 1px darken($pl-color-gray-20, 15%);
     }
@@ -201,6 +205,11 @@
     height: auto;
     max-height: calc(100vh - #{$offset-top} - 1rem); /* 1 */
   }
+
+  .pl-c-body--theme-sidebar & {
+    overflow: hidden;
+    max-height: none;
+  }
 }
 
 .pl-c-nav__sublist--dropdown.pl-is-active {

packages/uikit-workshop/src/sass/scss/05-themes/_sidebar-theme.scss

@@ -21,7 +21,6 @@
       border-bottom: 0; /* 4 */
       padding: 1rem;
       overflow: auto;
-      @include hideScrollBar();
       justify-content: space-between;
     }
 
@@ -140,6 +139,7 @@
         *    they appear at the bottom
         */
     .pl-c-controls {
+      display: flex;
       justify-self: flex-end;
       margin-left: 0;
       flex-direction: column;