32 lines
952 B
JavaScript
32 lines
952 B
JavaScript
// views/aboutPages/aboutMain.js
|
|
// SIDEBAR
|
|
document.addEventListener("click", function (e) {
|
|
const sidebar = document.getElementById("sidebar");
|
|
const overlay = document.getElementById("sidebarOverlay");
|
|
const floatingMenuBtn = document.getElementById("floatingMenuBtn");
|
|
|
|
if (!sidebar) return;
|
|
|
|
const isOpenTrigger =
|
|
e.target.closest("#floatingMenuBtn") ||
|
|
e.target.closest(".mobile-menu-btn");
|
|
const isCloseTrigger =
|
|
e.target.closest(".close-sidebar") ||
|
|
e.target.closest("#sidebarOverlay") ||
|
|
e.target.closest(".sidebar-nav .nav-link");
|
|
|
|
if (isOpenTrigger) {
|
|
sidebar.classList.add("open");
|
|
overlay.style.display = "block";
|
|
document.body.style.overflow = "hidden";
|
|
floatingMenuBtn.style.display = "none";
|
|
}
|
|
|
|
if (isCloseTrigger) {
|
|
sidebar.classList.remove("open");
|
|
overlay.style.display = "none";
|
|
document.body.style.overflow = "";
|
|
floatingMenuBtn.style.display = "flex";
|
|
}
|
|
});
|