marek/creator2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
team3
2026-07-10 17:56:41 +02:00
parent ab1a28f0e7
commit 14bcf1b8e9
6 changed files with 59 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/style.css
View File

@@ -186,11 +186,12 @@ input, select {
}
body.vollbild .sidebar, body.vollbild .topbar { display: none; }
body.vollbild .nav-toggle { display: none; }
/* Eingeklappt: Themen-Sidebar + Topbar weg — die Kapitelübersicht bleibt */
/* Eingeklappt: Themen-Sidebar + Topbar weg — die Kapitelübersicht bleibt.
Der Inhalt rückt nach unten, damit das fixe ☰ nichts überlappt. */
body.nav-zu .sidebar, body.nav-zu .topbar { display: none; }
body.nav-zu .guide-nav { padding-top: 44px; }
body.nav-zu .hauptbereich { padding-top: 38px; }
.nav-toggle {
position: fixed; top: 6px; left: 8px; z-index: 20;
position: fixed; top: 6px; left: 8px; z-index: 40; /* über den mobilen Drawern */
background: none; color: var(--dim); border: 0; padding: 4px 8px; font-size: 16px;
}
.nav-toggle:hover { color: var(--text); }
@@ -241,3 +242,32 @@ table.kennzahlen th, table.kennzahlen td {
}
table.kennzahlen th:first-child, table.kennzahlen td:first-child { text-align: left; }
table.kennzahlen th { color: var(--dim); }
/* ── Mobil (≤768px): Navigationen als Drawer, Board mit Spalten-Snap ────────── */
.markdown .katex { max-width: 100%; overflow-x: auto; overflow-y: hidden; }
@media (max-width: 768px) {
.sidebar, .guide-nav {
position: fixed; top: 0; bottom: 0; left: 0; z-index: 30;
width: min(85vw, 320px); min-width: 0;
border-right: 1px solid var(--rand); box-shadow: 4px 0 24px rgba(0, 0, 0, 0.35);
background: var(--panel);
}
/* Guide-Tab: der Drawer zeigt die Kapitelliste, sonst die Themenliste */
body:has(.guide-nav) .sidebar { display: none; }
/* mobil versteckt ☰ nur die Drawer — die Topbar (Tabs!) bleibt sichtbar */
body.nav-zu .topbar { display: flex; }
body.nav-zu .hauptbereich { padding-top: 0; }
/* mobil heißt ☰-zu: ALLE Drawer weg — auch die Kapitelnav (Desktop behält sie) */
body.nav-zu .guide-nav { display: none; }
.sidebar .topics { padding-top: 44px; }
.guide-nav { padding-top: 44px; }
.topbar { padding-left: 40px; gap: 6px; }
.topbar .badge { display: none; }
.board { scroll-snap-type: x mandatory; padding: 8px; gap: 8px; }
.spalte { min-width: 86vw; max-width: 86vw; scroll-snap-align: start; }
.seite { padding: 12px; }
.seite.guide-text { max-width: 100%; padding: 14px 16px; }
.guide-section { padding: 12px 14px; }
.guide-text .kapitel-titel { margin-top: 20px; }
.flash { max-width: 100%; padding: 18px; margin: 16px auto; }
}