c4750d3274
Skelett für Issues #184 + #185 — minimal, nicht-disruptiv: - v3/base.html extendet v2/base.html (Topbar/Sidebar/Footer geteilt) - v3/screens/antrag_detail.html extendet vorerst v2-Screen 1:1 und injiziert nur Beta-Pill + Toggle "→ Profi-Modus" - v2/screens/antrag_detail.html bekommt Topbar-Link "→ Bürger:innen- Modus (v3 Beta)" → /v3/antrag/<drs> - _render_antrag_detail() teilt DB-Reads/Context zwischen v2 + v3 — Datenbasis garantiert in Sync, Unterschied ist nur template_name - _MATRIX_EXPLANATIONS auf Modul-Ebene ausgelagert (war bisher inline im v2-Route, jetzt von beiden Modi referenziert) - v3.css als Add-On nach v2.css (lädt im v3/base head) Was v3 noch NICHT tut: Score-Hero-Vereinfachung, Matrix→5-Werte, Glossar-Tooltips, Default-Collapsing der Profi-Blöcke (Verbesserungen, Kommentare). Diese Iterationen folgen pro PR — v2 bleibt unberührt. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
47 lines
1.3 KiB
CSS
47 lines
1.3 KiB
CSS
/*
|
|
* v3.css — Bürgerinnen-Modus-Erweiterung über v2.css
|
|
*
|
|
* v3 = Sandbox für Issues #184 (CD-Konformität) und #185 (Bürgerinnen-
|
|
* Perspektive). Lädt nach v2.css und überschreibt selektiv. v2-Endpoints
|
|
* bleiben unverändert.
|
|
*
|
|
* Konvention:
|
|
* - Klassen mit Präfix `v3-` sind v3-spezifisch.
|
|
* - v2-Klassen werden nur überschrieben, wenn das Citizen-Bedürfnis es
|
|
* verlangt (Wort-Etiketten statt Symbol, weniger Tiefe als Default).
|
|
* - Inline-Styles in v3-Templates sind verboten (Lint-Hook folgt in #184).
|
|
*/
|
|
|
|
/* ── v3-Beta-Indikator in der Topbar ────────────────────────────────── */
|
|
.v3-beta-badge {
|
|
font-family: var(--font-mono);
|
|
font-size: 9px;
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
padding: 2px 7px;
|
|
border-radius: 9px;
|
|
background: var(--ecg-green);
|
|
color: #fff;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ── Modus-Toggle: zwischen Profi (/antrag/...) und Bürgerin (/v3/...) ── */
|
|
.v3-modus-toggle {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
font-family: var(--font-mono);
|
|
font-size: 10px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.06em;
|
|
color: var(--ecg-dark);
|
|
opacity: 0.85;
|
|
border-bottom: 1px solid rgba(0, 157, 165, 0.35);
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
.v3-modus-toggle:hover {
|
|
opacity: 1;
|
|
color: var(--ecg-blue);
|
|
}
|