Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

improve nav design

Browse source
This commit is contained in:
isUnknown 2024-11-26 10:19:13 +01:00
parent cf867bbc14
commit 26047fb0e1
7 changed files with 37 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/js/script.js
View file

@ -232,14 +232,24 @@ document.addEventListener("DOMContentLoaded", () => {
});
const panelNav = document.querySelector(".panel");
const navOverlay = document.querySelector("#nav-overlay");
const openNavBtn = document.querySelector("button.open-nav");
openNavBtn.addEventListener("click", () => {
panelNav.classList.add("panel--visible");
navOverlay.classList.add("nav-overlay--visible");
document.body.classList.add("no-scroll");
});
const closeNavBtn = document.querySelector(".panel-close");
closeNavBtn.addEventListener("click", () => {
panelNav.classList.remove("panel--visible");
navOverlay.classList.remove("nav-overlay--visible");
document.body.classList.remove("no-scroll");
});
navOverlay.addEventListener("click", () => {
panelNav.classList.remove("panel--visible");
navOverlay.classList.remove("nav-overlay--visible");
document.body.classList.remove("no-scroll");
});
});