studio-variable/hecq-et-lesort
5
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

menu : supprimer le curseur custom, bouton fermer fixe en haut à droite
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
Details

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-05-27 19:37:15 +02:00
parent 13542c0e29
commit e7b8bf7aa7
2 changed files with 3 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

23
assets/css/src/_header.scss
View file

@ -73,26 +73,3 @@
}
}
}
body.menu-open {
overflow: hidden;
cursor: none;
a,
button:not(.toggle-nav) {
cursor: pointer;
}
.toggle-nav {
position: fixed;
color: #fff;
pointer-events: none;
z-index: 100;
transform: translate(-50%, -50%);
transition: opacity 0.15s;
&.cursor-hidden {
opacity: 0;
}
}
}

22
assets/js/script.js
View file

@ -58,7 +58,7 @@ document.addEventListener("DOMContentLoaded", () => {
header.classList.add("menu-transitioning", "big");
nav.strip.classList.add("open");
nav.toggleBtn.textContent = "fermer";
document.body.classList.add("menu-open");
document.body.style.overflow = "hidden";
}
function closeMenu() {
@ -67,10 +67,7 @@ document.addEventListener("DOMContentLoaded", () => {
header.classList.remove("big");
nav.strip.classList.remove("open");
nav.toggleBtn.textContent = "menu";
nav.toggleBtn.style.left = "";
nav.toggleBtn.style.top = "";
nav.toggleBtn.classList.remove("cursor-hidden");
document.body.classList.remove("menu-open");
document.body.style.overflow = "";
setTimeout(() => {
header.classList.remove("menu-transitioning");
menuTransitioning = false;
@ -81,18 +78,6 @@ document.addEventListener("DOMContentLoaded", () => {
nav.strip.classList.contains("open") ? closeMenu() : openMenu();
});
document.addEventListener("mousemove", (e) => {
if (!menuOpen) return;
nav.toggleBtn.style.left = e.clientX + "px";
nav.toggleBtn.style.top = e.clientY + "px";
});
document.addEventListener("mouseover", (e) => {
if (!menuOpen) return;
const isInteractive = e.target.closest("a, button:not(.toggle-nav)");
nav.toggleBtn.classList.toggle("cursor-hidden", !!isInteractive);
});
document.addEventListener("keydown", (e) => {
if (e.key === "Escape" && menuOpen) closeMenu();
});
@ -100,8 +85,7 @@ document.addEventListener("DOMContentLoaded", () => {
document.addEventListener("click", (e) => {
if (!menuOpen) return;
if (e.target.closest(".toggle-nav")) return;
const isInteractive = e.target.closest("a, button");
if (!isInteractive) closeMenu();
if (!e.target.closest(".strip")) closeMenu();
});
}
});