fr/website
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Fix visible content in navbar

Browse Source
This commit is contained in:
Filip Rojek
2024-12-15 08:32:34 +01:00
parent 09aa53b2f6
commit ca7e77dfad
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/js/mobile-navbar.js
View File

@@ -1,19 +1,23 @@
const burger = document.querySelector(".hamburger") const burger = document.querySelector(".hamburger")
const links = document.querySelector(".links") const links = document.querySelector(".links")
const body = document.querySelector("body") const body = document.querySelector("body")
const main = document.querySelector("main")
let shown = false let shown = false
burger.addEventListener("click", (e) => { burger.addEventListener("click", (e) => {
e.preventDefault() e.preventDefault()
if (!shown) { if (!shown) {
links.style.display = "flex" links.style.display = "flex"
body.classList.add("disable-scroll") body.classList.add("disable-scroll")
burger.textContent = "x" burger.textContent = "x"
main.style.visibility = "hidden"
} else { } else {
links.style.display = "none" links.style.display = "none"
body.classList.remove("disable-scroll") body.classList.remove("disable-scroll")
burger.textContent = "☰" burger.textContent = "☰"
main.style.visibility = "visible"
} }
shown = !shown shown = !shown