update: toggle the user list on chevron

src/scripts/menu-toggle.js

+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");
+      });
+    });
+});  
\ No newline at end of file

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,13 +13,21 @@
 
   solid-router {
     .menu-wrapper {
-      &.is-closed {
-        .sub-menu {
-          display: none;
+      .menu-icon.icon-arrow-up {
+        visibility: hidden;
+      }
+      @include breakpoint(lg) {
+        .menu-icon.icon-arrow-up {
+          visibility: visible;
         }
+        &.is-closed {
+          .sub-menu {
+            display: none;
+          }
 
-        .menu-chevron {
-          transform: rotate(180deg);
+          .menu-chevron {
+            transform: rotate(180deg);
+          }
         }
       }
     }