fix: highlighting of current page in navigation menu

Ticket: ENT-10267 Changelog: None Signed-off-by: Mikita Pilinka <[email protected]>
cfengine · Jan 3, 2024 · 2aa2ec6 · 2aa2ec6
1 parent b42b713
commit 2aa2ec6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/generator/_assets/js/custom.js b/generator/_assets/js/custom.js
@@ -183,11 +183,17 @@ document.querySelector('.top_menu-versions-title > span > span').innerText = doc
 
 var mainMenuCopy = document.querySelector('.left-menu ul.mainMenu').cloneNode(true);
 var clickedMenuHistory = [{href: './', name: 'Home'}];
+
+var urlPaths = document.location.pathname.split('/');
+var url = urlPaths[urlPaths.length - 1]; // get last url part
+var currentMenuItem = document.querySelector('.left-menu li[data-url="'+ url +'"]');
+
 var renderNestedMenu = function (href) {
     if (href == null) {
         document.querySelector('.left-menu ul.mainMenu').replaceWith(mainMenuCopy);
     } else {
         var ul = mainMenuCopy.querySelector('li[data-url="'+ href +'"]').querySelector('ul').cloneNode(true);
+        document.querySelector('li[data-url="'+ url +'"]').className += ' opened current';
         ul.classList.add('mainMenu');
         document.querySelector('.left-menu ul.mainMenu').replaceWith(ul);
     }
@@ -247,9 +253,6 @@ document.querySelector('.menu-back').onclick = function () {
     }
 }
 
-var urlPaths = document.location.pathname.split('/');
-var url = urlPaths[urlPaths.length - 1]; // get last url part
-var currentMenuItem = document.querySelector('.left-menu li[data-url="'+ url +'"]');
 
 
 if (currentMenuItem != null) {

diff --git a/generator/_assets/styles/less/menu.less b/generator/_assets/styles/less/menu.less
@@ -107,6 +107,9 @@ aside {
             width: 33rem;
             z-index: -1;
             top: 0;
+            @media @tablet-down{
+              width: 38rem;
+            }
           }
 
           > a {