feat: replace menu opacity hack with proper overlay

- Add #menu-overlay div (fixed, full screen, z-index below menu)
- Overlay fades in/out via opacity+visibility transition (cursor: pointer)
- Click on overlay closes the menu
- Remove opacity: 0.1 hack on main/footer/etc. when menu-open

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-27 11:50:11 +01:00
parent ca17be69be
commit da2abad099
4 changed files with 27 additions and 7 deletions

View file

@ -139,10 +139,6 @@ body, #site-header, #site-footer{
body.menu-open,
body.is-hidden{
overflow-y: hidden;
main, footer, #nav-highlight, .btn--back-to-top, .bottom-bar__inner{
transition: opacity .3s ease-in;
opacity: 0.1;
}
}