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

Fix visible content in navbar
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 15s
Details
Build Zola Website / build (pull_request) Successful in 21s
Details

Browse Source
This commit is contained in:
Filip Rojek 2024-12-15 08:32:34 +01:00
parent 297f96ab99
commit 000bb3ea47
1 changed files with 4 additions and 0 deletions
Show Stats 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