fix: overlay and menu z-index, site-title back in header

- Restore #site-title inside #site-header
- Overlay below header (z-header - 2), menu below header (z-header - 1)
- Header stays above overlay; when menu-open, dim all header elements
  except #site-title (opacity trick)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-27 12:01:14 +01:00
parent b954824e41
commit 03032dcda8
3 changed files with 37 additions and 32 deletions

View file

@ -29,8 +29,15 @@
<body data-template="<?= $page->template() ?>">
<header id="site-header">
<div class="site-header__inner">
<h1 id="site-title">
<a
href="<?= $site->url() ?>"
aria-label="Retour à l'accueil"
title="aller au site d'Index"
>
<?= svg('assets/images/index-logo.svg') ?>
</a>
</h1>
<nav id="nav-highlight">
<ul>
@ -80,13 +87,4 @@
</div>
</header>
<?php snippet('nav') ?>
<h1 id="site-title">
<a
href="<?= $site->url() ?>"
aria-label="Retour à l'accueil"
title="aller au site d'Index"
>
<?= svg('assets/images/index-logo.svg') ?>
</a>
</h1>
<div id="menu-overlay"></div>