offcanvas: icons entfernt, seiteninhalt blur(4px) bei geöffnetem menü

This commit is contained in:
Hermes Agent
2026-06-17 23:21:51 +02:00
parent 89d092e5cf
commit 5487012605
+21 -6
View File
@@ -2504,11 +2504,11 @@ def public_frontend():
</div>
<ul class="offcanvas-nav-links">
<li class="nav-section">Navigation</li>
<li><a href="/">🏠 Startseite</a></li>
<li><a href="/">Startseite</a></li>
<li class="nav-section">Rechtliches</li>
<li><a href="/impressum">📋 Impressum</a></li>
<li><a href="/datenschutz">🔒 Datenschutzerklärung</a></li>
<li><a href="/agb">📜 AGB</a></li>
<li><a href="/impressum">Impressum</a></li>
<li><a href="/datenschutz">Datenschutzerklärung</a></li>
<li><a href="/agb">AGB</a></li>
</ul>
<div class="offcanvas-nav-footer">
© 2026 Brettspiel-News.de
@@ -2521,9 +2521,24 @@ def public_frontend():
var close = document.getElementById('navClose');
var nav = document.getElementById('offcanvasNav');
var backdrop = document.getElementById('offcanvasBackdrop');
var main = document.querySelector('main');
var header = document.querySelector('.site-header');
var footer = document.querySelector('.site-footer');
function open() { nav.classList.add('open'); backdrop.classList.add('open'); }
function closeNav() { nav.classList.remove('open'); backdrop.classList.remove('open'); }
function open() {
nav.classList.add('open');
backdrop.classList.add('open');
if (main) main.style.filter = 'blur(4px)';
if (header) header.style.filter = 'blur(4px)';
if (footer) footer.style.filter = 'blur(4px)';
}
function closeNav() {
nav.classList.remove('open');
backdrop.classList.remove('open');
if (main) main.style.filter = '';
if (header) header.style.filter = '';
if (footer) footer.style.filter = '';
}
toggle.addEventListener('click', open);
close.addEventListener('click', closeNav);