offcanvas: icons entfernt, seiteninhalt blur(4px) bei geöffnetem menü
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user