From b38e53b64e7ce1359edb8236e4e8cf064b27fb90 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Wed, 4 Jan 2023 20:05:17 +0200 Subject: [expands-navbar] State of navbar is now stored in local storage on large screens --- src/scripts/expand-navbar.js | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) (limited to 'src/scripts') diff --git a/src/scripts/expand-navbar.js b/src/scripts/expand-navbar.js index a59a13f..a28a98c 100644 --- a/src/scripts/expand-navbar.js +++ b/src/scripts/expand-navbar.js @@ -1,16 +1,20 @@ const expandBtn = document.getElementById('expandNavbarBtn'); const sidebarElem = document.getElementsByClassName('sidebar')[0]; -expandBtn.classList.remove('hidden'); -sidebarElem.classList.add('sidebar-hidden'); +if (localStorage.getItem('navbar') === 'hidden') { + expandBtn.src = '/img/layout-navbar-expand-tabler.svg'; + sidebarElem.classList.add('sidebar-hidden'); +} expandBtn.onclick = function() { sidebarElem.classList.toggle('sidebar-hidden'); - if (sidebarElem.classList.contains('sidebar-hidden')) { - expandBtn.src = '/img/layout-navbar-expand-tabler.svg'; + if (localStorage.getItem('navbar') !== 'norm') { + expandBtn.src = '/img/layout-navbar-collapse-tabler.svg'; + if (window.innerWidth > 610) localStorage.setItem('navbar', 'norm'); } else { - expandBtn.src = '/img/layout-navbar-collapse-tabler.svg'; + expandBtn.src = '/img/layout-navbar-expand-tabler.svg'; + localStorage.setItem('navbar', 'hidden'); } } -- cgit v1.3.1-23-gd82d