diff --git a/Changes.md b/Changes.md index e432291..b2cb9fa 100644 --- a/Changes.md +++ b/Changes.md @@ -2,6 +2,13 @@ --- +## 2026-08-18 – Modale Dialoge: Label und Feld in einer Zeile, Hilfetexte als Tooltip (#189) + +- Einige Dialoge (v.a. „Neue Direktverbindung"/„Verbindung bearbeiten" unter Bank, „Rechnung per E-Mail senden"/„Zahlungen" unter Rechnungen) waren durch zweizeilige Formularfelder (Bezeichnung über dem Feld) höher als ein Standardbildschirm und mussten gescrollt werden. +- **`public/static/css/app.css`:** neue Klasse `.modal-inline-form` – wird auf die Dialogbox gesetzt und bringt darin jedes `.form-group` per Flexbox in eine Zeile (Bezeichnung links, Feld rechts, mit Umbruch bei zu wenig Platz statt Überlauf). +- **`src/Views/bank/fints.php`, `src/Views/invoices/show.php`, `src/Views/assets/form.php`, `src/Views/belege/_vorschau.php`:** betroffene Dialoge auf `.modal-inline-form` umgestellt; das Zahlungs-Erfassungsformular im Rechnungs-Dialog (bereits zweispaltig) bekommt je Spalte ebenfalls Bezeichnung und Feld nebeneinander statt gestapelt. +- Erklärende Texte, die bisher als eigene Zeile unter dem Feld standen (z.B. „optional", Hinweise zu Abruf-Zeitraum/TAN-Verfahren, FinTS-vs.-API-Erklärung), sind entfernt und stehen jetzt als `title`-Attribut auf der Feldbezeichnung – erscheinen also nur noch als Tooltip beim Hovern. + ## 2026-08-18 – Bankleitzahlen-Verzeichnis: FinTS-Institutsliste unter Einstellungen einlesen (#187) - Neuer Punkt unter Einstellungen (`/settings/bankinstitute`, analog zu „CSV Bankimport Formate"): nimmt die CSV-Institutsliste der Deutschen Kreditwirtschaft (hbci-zka.de) auf, damit `bank_providers.default_fints_url`/die FinTS-Server-URL nicht mehr per Migration gepflegt werden muss (siehe `069_bank_providers_fints_url.sql`). diff --git a/public/static/css/app.css b/public/static/css/app.css index 6c92d13..5408a7b 100644 --- a/public/static/css/app.css +++ b/public/static/css/app.css @@ -288,6 +288,26 @@ textarea { min-height: 80px; resize: vertical; } .form-hint { font-size: .78rem; color: var(--color-muted); margin-top: .2rem; } +/* ── Dialoge: Label und Feld in einer Zeile statt zweizeilig ───── */ +.modal-inline-form .form-group { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: .3rem .75rem; +} +.modal-inline-form .form-group > label { + flex: 0 0 auto; + max-width: 45%; + margin-bottom: 0; +} +.modal-inline-form .form-group > input, +.modal-inline-form .form-group > select, +.modal-inline-form .form-group > textarea { + flex: 1 1 140px; + width: auto; + min-width: 0; +} + /* ── Tables ──────────────────────────────────────────────────── */ .table-wrap { overflow-x: auto; } diff --git a/src/Views/assets/form.php b/src/Views/assets/form.php index 35294b7..94de159 100644 --- a/src/Views/assets/form.php +++ b/src/Views/assets/form.php @@ -306,7 +306,7 @@ $conflictBadge = function(string $field, string $label) use ($bkHints, $h): stri