tobias/gwoe-antragspruefer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Hamburger-Menü: Auswertungen/Quellen/Methodik/Auth als Dropdown, primäre Tabs bleiben

Browse Source
This commit is contained in:
Dotty Dotter 2026-04-10 22:29:55 +02:00
parent e5d4ce2553
commit ad97a76824
1 changed files with 50 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
app/templates/index.html
View File

@ -557,6 +557,38 @@
background: white; background: white;
box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);
} }
.hamburger-dropdown {
display: none;
position: absolute;
right: 0;
top: 100%;
background: white;
border: 1px solid #ddd;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
min-width: 180px;
z-index: 100;
padding: 0.3rem 0;
}
.hamburger-dropdown.open { display: block; }
.hamburger-dropdown a,
.hamburger-dropdown button {
display: block;
width: 100%;
padding: 0.5rem 1rem;
text-align: left;
text-decoration: none;
color: var(--color-darkgray);
background: none;
border: none;
cursor: pointer;
font-size: 0.9rem;
}
.hamburger-dropdown a:hover,
.hamburger-dropdown button:hover {
background: #f5f5f5;
}
/* Loading */ /* Loading */
.loading { .loading {
@ -701,10 +733,16 @@
<button class="mode-btn" onclick="showMode('bookmarks')">⭐ Merkliste</button> <button class="mode-btn" onclick="showMode('bookmarks')">⭐ Merkliste</button>
<button class="mode-btn" onclick="showMode('tags')">🏷️ Tags</button> <button class="mode-btn" onclick="showMode('tags')">🏷️ Tags</button>
<button class="mode-btn" onclick="showMode('upload')">📤 Prüfen</button> <button class="mode-btn" onclick="showMode('upload')">📤 Prüfen</button>
<a href="/auswertungen" class="mode-btn" style="text-decoration: none;">📈 Auswertungen</a> <div class="hamburger-wrapper" style="position:relative;display:inline-block;">
<a href="/quellen" class="mode-btn" style="text-decoration: none;">📚 Quellen</a> <button class="mode-btn" onclick="document.getElementById('hamburger-menu').classList.toggle('open')" style="font-size:1.2rem;padding:0.3rem 0.6rem;">☰</button>
<a href="/methodik" class="mode-btn" style="text-decoration: none;">🔍 Methodik</a> <div id="hamburger-menu" class="hamburger-dropdown">
<button id="auth-btn" class="mode-btn" style="border:none;cursor:pointer;">🔑 Anmelden</button> <a href="/auswertungen">📈 Auswertungen</a>
<a href="/quellen">📚 Quellen</a>
<a href="/methodik">🔍 Methodik</a>
<hr style="margin:0.3rem 0;border:none;border-top:1px solid #eee;">
<button id="auth-btn" onclick="event.stopPropagation();">🔑 Anmelden</button>
</div>
</div>
</div> </div>
</header> </header>
@ -903,6 +941,14 @@
} }
} }
// Hamburger-Menü schließen bei Klick außerhalb
document.addEventListener('click', (e) => {
const menu = document.getElementById('hamburger-menu');
if (menu && !e.target.closest('.hamburger-wrapper')) {
menu.classList.remove('open');
}
});
// Partei-Normalisierung (global, für Stats + Labels) // Partei-Normalisierung (global, für Stats + Labels)
function normalizePartei(f) { function normalizePartei(f) {
const u = f.toUpperCase(); const u = f.toUpperCase();