fix: fieldset/legend durch echte Überschriften ersetzt, globales CSS vervollständigt
<legend> positioniert sich per Spezifikation immer auf der oberen Rahmenlinie seines <fieldset> - das lässt sich nicht per CSS aufheben, nur kaschieren. Die vorherige "Nachbesserung" (mehr Padding/Breite auf der legend) war ein Pflaster, kein Fix - kam prompt wieder zum Vorschein, sobald eine neue .form-section-Seite entstand. .form-section ist jetzt ein <div>, die Überschrift ein normales <h3 class="form-section-title"> mit voller CSS-Kontrolle. Betrifft alle neun Vorlagen mit diesem Muster. Zusätzlich alle restlichen unstyled Formulare (Login, Passwort-Reset, Einladung annehmen, Nutzer anlegen, CSV-Import, Abteilung anlegen, Firma umbenennen, Fall-Entscheiden) auf dasselbe form-card/form-section/ form-grid-Muster gehoben, für durchgängig konsistentes globales CSS statt gemischter roher und gestylter Formulare. antrag_neu.html (der Fragebogen) bleibt bewusst unverändert - dessen fieldset/legend haben keinen Rahmen-Konflikt und sind an bereits getestete :has()-Adaptivlogik gekoppelt. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -18,8 +18,8 @@
|
||||
{{if .Gespeichert}}<p class="hinweis">Gespeichert.</p>{{end}}
|
||||
<div class="form-card">
|
||||
<form method="post" action="{{.ActionBase}}/{{.Typ}}">
|
||||
<fieldset class="form-section">
|
||||
<legend>{{.Label}}{{if .IstUebersteuert}} <span class="hinweis">(eigene Vorlage)</span>{{else if eq .ActionBase "/verwaltung/email-vorlagen"}} <span class="hinweis">(Plattform-Standard, nicht angepasst)</span>{{end}}</legend>
|
||||
<div class="form-section">
|
||||
<h3 class="form-section-title">{{.Label}}{{if .IstUebersteuert}} <span class="hinweis">(eigene Vorlage)</span>{{else if eq .ActionBase "/verwaltung/email-vorlagen"}} <span class="hinweis">(Plattform-Standard, nicht angepasst)</span>{{end}}</h3>
|
||||
<div class="form-grid">
|
||||
<div class="form-full">
|
||||
<label for="betreff">Betreff</label>
|
||||
@@ -30,7 +30,7 @@
|
||||
<textarea id="text" name="text" rows="10" required>{{.Text}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit">Speichern</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user