From bd306ab6130a4fa31a2ba5e9cbebc2c63c2f9c00 Mon Sep 17 00:00:00 2001
From: Mikita Pilinka <mikita.pilinka@northern.tech>
Date: Wed, 3 Jan 2024 14:35:12 +0100
Subject: [PATCH] fix: highlighting of current page in navigation menu

Ticket: ENT-10267
Changelog: None
Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
---
 generator/_assets/js/custom.js          | 12 +++++++++---
 generator/_assets/styles/less/menu.less |  3 +++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/generator/_assets/js/custom.js b/generator/_assets/js/custom.js
index 618462acd..81046cc9f 100755
--- a/generator/_assets/js/custom.js
+++ b/generator/_assets/js/custom.js
@@ -183,11 +183,20 @@ 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);
+        const selected = document.querySelector('li[data-url="'+ url +'"]');
+        if (selected){
+            selected.className += ' opened current';
+        }
         ul.classList.add('mainMenu');
         document.querySelector('.left-menu ul.mainMenu').replaceWith(ul);
     }
@@ -247,9 +256,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
index 8d431c9b1..56c82f8b2 100755
--- 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 {