fix(ui): Beschriftungszeile mit Diktatknopf richtet die Felder daneben aus
Im Abschnitt "Verlauf" der Opportunity begann "Was wurde besprochen?" tiefer als "Letzte Interaktion" daneben. Ursache war die Beschriftungszeile: rechts steht ein Diktatknopf darin, links nur Text - die Zeile war damit 26,5 statt 16,5 Pixel hoch und schob das Eingabefeld nach unten. Der Knopf bekommt eine feste Hoehe (h-7, 28 px) statt sich aus Zeilenhoehe, Innenabstand und Rahmen zu ergeben; auf 26,5 px laesst sich keine Zeile ausrichten. Dazu labelRowClass mit min-h-7: damit ist die Zeile in beiden Spalten gleich hoch, mit Knopf oder ohne. Gemessen sind es jetzt 0,0 px Abweichung statt 8. Zweiter Fund derselben Stelle: die drei Beschriftungen im Dialog waren von Hand abgeschrieben statt labelClass zu nehmen. Damit fehlte ihnen die Klasse "field-label", die seit den Themes die Schrift der Feldbeschriftungen traegt - in "Pixel Art" blieben sie ohne Pixelschrift. Die Auszeichnung steht jetzt einmal in leadUi.tsx (labelTextClass) und wird nicht mehr kopiert; DictateTextarea benutzt sie ebenso. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
dc701f8522
commit
ab6b9f2372
@@ -227,7 +227,8 @@ Browser-Download.
|
||||
neues Theme stehen in [05 Frontend](05-frontend.md#themes-ohne-dark-varianten) -
|
||||
wichtigste davon: auf `brand-500`/`brand-600` steht weisse Schrift.
|
||||
* **Gemeinsame Klassen** statt kopierter Utility-Ketten: `inputClass`,
|
||||
`labelClass` aus `components/leads/leadUi.tsx`, dazu `cardClass`,
|
||||
`labelClass`, `labelTextClass`, `labelRowClass` aus
|
||||
`components/leads/leadUi.tsx`, dazu `cardClass`,
|
||||
`primaryButtonClass` aus `components/scanner/scannerUi.tsx`.
|
||||
* **Meldungen als Toast**, Rückfragen über `ConfirmDialog` - nie `alert()`
|
||||
oder `confirm()`. Rot (`tone="danger"`, Standard) nur, wenn etwas verloren
|
||||
|
||||
@@ -278,7 +278,7 @@ Warum genau diese Konstanten festgelegt sind, steht in
|
||||
| `components/acquisition/AcquisitionTrash.tsx` | Papierkorb der Akquise: zurückholen, endgültig löschen, leeren. Die Meldung nach dem Zurückholen nennt das Ziel (Eingang oder Archiv) - das Funddatum bleibt, also landet ein alter Fund im Archiv |
|
||||
| `components/acquisition/acquisitionUi.tsx` | `fieldClass` (abgesetzte Felder) und `OptionSelect` - zeigt einen Wert, der nicht mehr in der Liste steht, als solchen; `alwaysOffer` hält den eigenen Namen für *Von* immer wählbar. *Anbieter* nutzt es nicht: Freitext mit `<datalist>`. Dazu `ConsultantSelect` (mehrere Berater: Auswahlfeld hängt an, Plaketten nehmen weg) und `ConsultantList` für die Anzeige in der Liste |
|
||||
| `components/settings/AcquisitionSettings.tsx` | Reiter *Einstellungen → Akquise*: die vier Auswahllisten pflegen |
|
||||
| `components/leads/leadUi.tsx` | `inputClass`, `labelClass`, `KindBadge`, `Avatar`, Farben der Kontaktart |
|
||||
| `components/leads/leadUi.tsx` | `inputClass`, `labelClass` (Beschriftung als eigene Zeile), `labelTextClass` + `labelRowClass` (Zeile mit Knopf rechts, z. B. Diktat - `min-h-7` haelt sie so hoch wie den Knopf, damit Felder in Nachbarspalten auf einer Linie beginnen), `KindBadge`, `Avatar`, Farben der Kontaktart |
|
||||
| `components/leads/mailPool.ts` | `findMailPoolMatch()`, `diffFields()`, `isConflict()`, `MAIL_POOL_FIELDS` - Dublettenabgleich des Vorbereichs |
|
||||
| `components/leads/MailPoolLeads.tsx` | Ansicht „Aus Mails": Goldmarkierung, Abweichungen, Übernehmen, Sammelübernahme |
|
||||
| `components/leads/MailPoolMergeDialog.tsx` | Feldauswahl beim Ergänzen eines vorhandenen Kontakts |
|
||||
|
||||
Reference in New Issue
Block a user