path: root / src / scripts / expand-navbar.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

const expandBtn = document.getElementById('expandNavbarBtn');
const wrapperElem = document.getElementById('content-wrapper');

if (localStorage.getItem('navbar') === 'hidden' || window.innerWidth <= 610 || window.innerHeight <= 610) {
	expandBtn.innerText = '\u25BC';
	wrapperElem.classList.add('content-wrapper-vertical');
}

expandBtn.onclick = function() {
	wrapperElem.classList.toggle('content-wrapper-vertical');

	if (!wrapperElem.classList.contains('content-wrapper-vertical')) {
		expandBtn.innerText = '\u25B2'; // triangle pointing up
		if (window.innerWidth > 610) localStorage.setItem('navbar', 'norm');
	}
	else {
		expandBtn.innerText = '\u25BC'; // triangle pointing down
		if (window.innerWidth > 610) localStorage.setItem('navbar', 'hidden');
	}
}