fix: highlight navbar for hierarchical items

Signed-off-by: Ashish Kumar Mishra <[email protected]>

Trigger deploy

Author: ashish10677

src/_includes/js.njk

@@ -73,6 +73,7 @@
     // Add active class to current nav item based on URL
     const currentPath = window.location.pathname;
     const navLinks = document.querySelectorAll('nav a');
+    const navLabels = document.querySelectorAll('nav label.nav-link');
     
     navLinks.forEach(link => {
       const linkPath = link.getAttribute('href');
@@ -82,6 +83,18 @@
       }
     });
     
+    navLabels.forEach(label => {
+      const parent = label.closest('li');
+      const submenuLinks = parent.querySelectorAll('.dropdown-glass a');
+      submenuLinks.forEach(submenuLink => {
+        const submenuPath = submenuLink.getAttribute('href');
+        if (submenuPath && (submenuPath === currentPath || 
+           (submenuPath !== '/' && currentPath.startsWith(submenuPath)))) {
+          label.classList.add('active');
+        }
+      });
+    });
+    
     // Mobile menu functionality
     const mobileMenuCheckbox = document.getElementById('mobile-menu-checkbox');
     const mobileMenu = document.getElementById('mobile-menu');