studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

feat: click anywhere on header closes menu

Browse source 
- Header click removes menu-open (stopPropagation on toggle button
  to preserve its toggle behavior)
- cursor: pointer on site-header when menu is open

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-27 12:04:56 +01:00
parent 2bea44309f
commit 6476f86a85
2 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/css/partials/_site-header.scss
View file

@ -248,6 +248,8 @@
// Quand le menu est ouvert : on dimme tout sauf le logo // Quand le menu est ouvert : on dimme tout sauf le logo
body.menu-open #site-header { body.menu-open #site-header {
cursor: pointer;
#nav-highlight, #nav-highlight,
#nav-investigation, #nav-investigation,
#theme-toggle, #theme-toggle,

7
assets/js/header.js
View file

@ -5,10 +5,15 @@ export function headerToggle() {
if (!header || !buttonToggle) return; if (!header || !buttonToggle) return;
buttonToggle.addEventListener("click", () => { buttonToggle.addEventListener("click", (e) => {
e.stopPropagation();
document.body.classList.toggle("menu-open"); document.body.classList.toggle("menu-open");
}); });
header.addEventListener("click", () => {
document.body.classList.remove("menu-open");
});
overlay?.addEventListener("click", () => { overlay?.addEventListener("click", () => {
document.body.classList.remove("menu-open"); document.body.classList.remove("menu-open");
}); });