Implemented javascript functionality for hiding and unhiding the sidebar on small screens and updated sidebar scalability

1 files changed, 16 insertions, 0 deletions

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';
+	}
+}