25 lines
867 B
JavaScript
25 lines
867 B
JavaScript
|
function navToggle() {
|
||
|
|
isNavOpen() ? navClose() : navOpen();
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Set the width of the side navigation to 0 and the left margin of the page content to 0 */
|
||
|
|
function isNavOpen() {
|
||
|
|
navStyle = window.getComputedStyle(document.getElementById("sidenav"));
|
||
|
|
navWidth = navStyle.getPropertyValue('width')
|
||
|
|
return ( navWidth !== "0px" ) && (navWidth !== "");
|
||
|
|
}
|
||
|
|
|
||
|
|
function navOpen(){
|
||
|
|
let navWidth = "200px"
|
||
|
|
document.getElementById("sidenav").style.width = navWidth;
|
||
|
|
document.getElementById("closebtn").style.left= navWidth;
|
||
|
|
if (! window.matchMedia("(max-width: 650px)").matches){
|
||
|
|
document.getElementById("main").style.marginLeft = navWidth;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function navClose(){
|
||
|
|
document.getElementById("sidenav").style.width = "0px";
|
||
|
|
document.getElementById("main").style.marginLeft = "0px";
|
||
|
|
document.getElementById("closebtn").style.left= "0px";
|
||
|
|
}
|