danielkrause/BSN-Chatsystem
1
0
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Hermes Agent
2026-06-17 23:21:51 +02:00
parent 89d092e5cf
commit 5487012605
1 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.py
+21 -6
View File
@@ -2504,11 +2504,11 @@ def public_frontend():
</div> </div>
<ul class="offcanvas-nav-links"> <ul class="offcanvas-nav-links">
<li class="nav-section">Navigation</li> <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 class="nav-section">Rechtliches</li>
<li><a href="/impressum">📋 Impressum</a></li> <li><a href="/impressum">Impressum</a></li>
<li><a href="/datenschutz">🔒 Datenschutzerklärung</a></li> <li><a href="/datenschutz">Datenschutzerklärung</a></li>
<li><a href="/agb">📜 AGB</a></li> <li><a href="/agb">AGB</a></li>
</ul> </ul>
<div class="offcanvas-nav-footer"> <div class="offcanvas-nav-footer">
© 2026 Brettspiel-News.de © 2026 Brettspiel-News.de
@@ -2521,9 +2521,24 @@ def public_frontend():
var close = document.getElementById('navClose'); var close = document.getElementById('navClose');
var nav = document.getElementById('offcanvasNav'); var nav = document.getElementById('offcanvasNav');
var backdrop = document.getElementById('offcanvasBackdrop'); 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 open() {
function closeNav() { nav.classList.remove('open'); backdrop.classList.remove('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); toggle.addEventListener('click', open);
close.addEventListener('click', closeNav); close.addEventListener('click', closeNav);