VSB-TUO/Admin sidebar submenu buttons clickable as block (#967)

* Making admin sidebar submenu items clickable as block

* Added style for expandable-admin-sidebar-section to sidebar-sub-level-item-list's childs

Author: jr-rk

src/app/admin/admin-sidebar/admin-sidebar.component.scss

@@ -56,6 +56,15 @@
         padding-bottom: var(--ds-admin-sidebar-item-padding);
       }
 
+      // Remove vertical padding from the wrapper and apply it to the anchor
+      // In case an anchor also has .sidebar-item, reset it to avoid double padding
+      .sidebar-sub-level-item-list {
+        .sidebar-item, .ds-menu-item.sidebar-item {
+          padding-top: 0;
+          padding-bottom: 0;
+        }
+      }
+
       // These classes handle the collapsing behavior
       .sidebar-section-wrapper {
 

src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.scss

@@ -3,8 +3,19 @@
     list-style: none;
     margin: 0;
     padding: 0;
-    ::ng-deep .ds-menu-item {
-      margin-left: var(--ds-admin-sidebar-section-indent);
+    /* Make the entire sub-level row clickable by applying padding to the anchor */
+    ::ng-deep {
+      /* Ensure anchors are full-width blocks */
+      .ds-menu-item {
+        display: block;
+        width: 100%;
+        padding-left: var(--ds-admin-sidebar-section-indent);
+      }
+
+      .sidebar-item .ds-menu-item {
+        padding-top: var(--ds-admin-sidebar-item-padding);
+        padding-bottom: var(--ds-admin-sidebar-item-padding);
+      }
     }
   }
 

src/app/shared/menu/menu-item/onclick-menu-item.component.scss

@@ -1,3 +1,3 @@
 a {
     cursor: pointer;
-}
+}