fix: Ankreuzfelder zentral von der Textfeld-Regel ausnehmen
In der Passwortrichtlinie stand das Haekchen mittig und der Text ganz rechts.
Ursache war die globale Regel "input, select { width: 100% }": sie erwischt
auch Ankreuzfelder und zieht sie ueber die volle Breite. Vier Stellen im
Code umgingen das bereits einzeln (.checklist, .dt-pop-opt, .checkline,
.datatable td) - eine fuenfte Umgehung waere die falsche Antwort gewesen.
Ankreuz- und Auswahlfelder sind jetzt zentral ausgenommen, die vier
Einzelfaelle entfallen. Nebeneffekt: sie tragen ueberall dieselbe
Akzentfarbe (bisher nur an zwei Stellen) und sitzen in Tabellenzellen
mittig, statt durch das geerbte margin-top um 5px nach unten gedrueckt zu
werden.
Die Karte selbst nutzt jetzt .checkline, das vorhandene Muster fuer
"Ankreuzfeld plus Text"; .field-inline richtet an der Grundlinie aus und
war hier von vornherein das falsche.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
cdf21474cf
commit
df5bfec331
@@ -83,9 +83,11 @@ export default function PolicyCard() {
|
||||
}} />
|
||||
</label>
|
||||
|
||||
{/* .checkline ist das Muster für „Ankreuzfeld plus Text"; .field-inline
|
||||
richtet Felder an der Grundlinie aus und passt hier nicht. */}
|
||||
<div style={{ marginTop: "var(--sp-3)" }}>
|
||||
{SCHALTER.map((k) => (
|
||||
<label key={k} className="field-inline" style={{ marginBottom: 6 }}>
|
||||
<label key={k} className="checkline">
|
||||
<input type="checkbox" checked={entwurf[k]}
|
||||
onChange={(e) => setEntwurf({ ...entwurf, [k]: e.target.checked })} />
|
||||
<span>{t(`policy.${k}`)}</span>
|
||||
@@ -94,7 +96,7 @@ export default function PolicyCard() {
|
||||
</div>
|
||||
|
||||
<div style={{ marginTop: "var(--sp-4)", paddingTop: "var(--sp-3)", borderTop: "1px solid var(--border)" }}>
|
||||
<label className="field-inline">
|
||||
<label className="checkline">
|
||||
<input type="checkbox" checked={entwurf.mfa_required}
|
||||
onChange={(e) => setEntwurf({ ...entwurf, mfa_required: e.target.checked })} />
|
||||
<span>{t("policy.mfaRequired")}</span>
|
||||
|
||||
Reference in New Issue
Block a user