From 1a89b2f3c72789a9343e393ad35f1c690eff60fb Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sun, 11 Sep 2022 09:19:33 +0300 Subject: Implemented javascript functionality for hiding and unhiding the sidebar on small screens and updated sidebar scalability --- src/scripts/expand-navbar.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 src/scripts/expand-navbar.js (limited to 'src/scripts') diff --git a/src/scripts/expand-navbar.js b/src/scripts/expand-navbar.js new file mode 100644 index 0000000..a59a13f --- /dev/null +++ b/src/scripts/expand-navbar.js @@ -0,0 +1,16 @@ +const expandBtn = document.getElementById('expandNavbarBtn'); +const sidebarElem = document.getElementsByClassName('sidebar')[0]; + +expandBtn.classList.remove('hidden'); +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'; + } + else { + expandBtn.src = '/img/layout-navbar-collapse-tabler.svg'; + } +} -- cgit v1.3.1-23-gd82d