DanielandClaude Opus 5.5
b341a658bc
- werkzeuge/bootstrap/: Bootstrap 5.3.8 (CSS, JS-Bundle) und Bootstrap Icons 1.13.1 (CSS, woff2/woff) byte-gleich aus den npm-Paketen, Integrität geprüft; README mit Version, Quelle, Integrität, Lizenz und Aktualisierung; Lizenzen (MIT) daneben; .gitattributes: binary, die README bleibt Text mit Diff. - werkzeuge/stil/ag_prozesse.css: eigene kleine Stilschicht (ag-*): Seite in voller Höhe, dunkle Navigationsleiste, hellgrauer Hintergrund, Karten mit farbigem Rand, Tabellenziffern, Druck. Vorbild VLN_SN/EA-Bilanz, nichts übernommen. - Vorschau: Kopfzeile als dunkle Navigationsleiste mit Icon-Knöpfen; JavaScript, IDs und Zeichenfläche (Wasserzeichen) unverändert. - scripts/vorschau.py bettet Bootstrap, Icons und Stil ein und setzt die Icon-Schrift als data:-URI ein (_schriften_einbetten); ein nicht einbettbarer Schriftverweis bricht laut ab. - Tests: drei neue in test_vorschau.py; der Aufbau von test_bibliothek_mit_script_ende_wird_abgelehnt kopiert jetzt ganz werkzeuge/ (Erwartung unverändert). - AGENTS.md: eingebettete Fremdbibliotheken sind bpmn-js und Bootstrap. - Tests: python -m pytest -q -> 256 bestanden, 1 übersprungen. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
35 lines
1.4 KiB
CSS
35 lines
1.4 KiB
CSS
/* Gemeinsamer Stil der HTML-Seiten der AG Prozesse, aufbauend auf Bootstrap 5 (werkzeuge/bootstrap/).
|
||
Anmutung wie die Anwendungen in VLN_SN (Vorbild EA-Bilanz, siehe docs/wissen/vln_sn.md) – eigene Regeln,
|
||
nichts übernommen. Klassen beginnen mit "ag-", damit sie sich nicht mit Bootstrap überschneiden. */
|
||
|
||
:root {
|
||
--ag-akzent: var(--bs-primary, #0d6efd);
|
||
--ag-schrift: .9rem;
|
||
}
|
||
|
||
/* Seite in voller Höhe: dunkle Navigationsleiste oben, Arbeitsbereich darunter */
|
||
html.ag-seite, html.ag-seite body { height: 100%; }
|
||
.ag-app {
|
||
display: flex; flex-direction: column; height: 100vh; overflow: hidden;
|
||
font-size: var(--ag-schrift);
|
||
background: var(--bs-tertiary-bg, #f4f5f7);
|
||
}
|
||
.ag-nav { flex: 0 0 auto; }
|
||
.ag-nav .navbar-brand { font-size: 1rem; }
|
||
.ag-nav .btn-group { flex-wrap: nowrap; }
|
||
.ag-inhalt { flex: 1 1 auto; min-height: 0; position: relative; background: var(--bs-body-bg, #fff); }
|
||
|
||
/* Karten mit farbigem linken Rand je Kategorie */
|
||
.ag-karte { border-left: 4px solid var(--ag-akzent); }
|
||
.ag-karte-erfolg { border-left-color: var(--bs-success, #198754); }
|
||
.ag-karte-warnung { border-left-color: var(--bs-warning, #ffc107); }
|
||
.ag-karte-fehler { border-left-color: var(--bs-danger, #dc3545); }
|
||
|
||
/* Zahlen in Tabellenziffern, rechtsbündig */
|
||
.ag-zahl { font-variant-numeric: tabular-nums; text-align: right; }
|
||
|
||
@media print {
|
||
.ag-nav { display: none !important; }
|
||
.ag-app { height: auto; overflow: visible; background: #fff; }
|
||
}
|