update: toggle the user list on chevron

src/scripts/menu-toggle.js

@@ -0,0 +1,11 @@
+document.addEventListener("DOMContentLoaded", () => {
+    const menuWrappers = Array.from(document.querySelectorAll(".menu-wrapper"));
+  
+    //- Toggle sub-menus
+    menuWrappers.forEach(menuWrapper => {
+      const menu = menuWrapper.querySelector(".menu");
+      menu.addEventListener("click", e => {
+        menuWrapper.classList.toggle("is-closed");
+      });
+    });
+});  

src/styles/base/main.scss

@@ -61,7 +61,7 @@ solid-dashboard section {
     position: sticky;
     top: 0;
     overflow-x: hidden;
-    overflow-y: auto;
+    overflow-y: scroll;
   }
 
   &.jsLeftMenu {

src/styles/base/menu-left.scss

@@ -13,6 +13,13 @@
 
   solid-router {
     .menu-wrapper {
+      .menu-icon.icon-arrow-up {
+        visibility: hidden;
+      }
+      @include breakpoint(lg) {
+        .menu-icon.icon-arrow-up {
+          visibility: visible;
+        }
         &.is-closed {
           .sub-menu {
             display: none;
@@ -23,6 +30,7 @@
           }
         }
       }
+    }
 
     solid-link {
       width: 100%;