Workers P4 Endprüfung W6: „Schließen“ im Interessenten-Panel ist am Handy 40 px hoch

Die gemeinsame Regel `.dialog-foot .btn` (32 px) gilt für rund 22 Dialoge der Seite und bleibt unberührt.
Das Panel gibt seinem Knopf die Klasse wk-prospect-close; im Handy-Block von workers.css hebt
`.wk-prospect-close.btn[type="button"]` (Spezifität 0,3,0 gegen 0,2,0, beginnt mit einer wk-Klasse wie
workersCss.test.mjs es verlangt) ihn auf volle Breite und 40 px. Der Desktop behält 32 px.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-18 23:19:13 +00:00
1 parent 7c974ab6db
commit d29cc29d47
3 files changed
+22 -1

No files matched your search

+1 -1
View File
@@ -123,7 +123,7 @@ export default function ProspectPanel({ api, prospectId, onClose }) {
title={view ? view.title : 'Interessent'}
onClose={onClose}
wide
footer={<Button type="button" onClick={onClose}>Schließen</Button>}
footer={<Button type="button" className="wk-prospect-close" onClick={onClose}>Schließen</Button>}
>
{body}
</Dialog>
+4
View File
@@ -259,6 +259,10 @@
/* Hauptknopf oben, „Abbrechen“ darunter */
.wk-pult-panel-btns { flex-direction: column-reverse; align-items: stretch; }
.wk-pult-panel-foot .btn { width: 100%; min-height: 40px; justify-content: center; text-align: center; }
/* „Schließen“ im Fuß des Interessenten-Panels: `.dialog-foot .btn` (global.css, 32 px) gilt für alle Dialoge und bleibt; hier nur der eigene Knopf auf 40 px.
Der Dialog hängt nicht unter einer wk-Klasse, die Regel beginnt deshalb mit der Klasse des Knopfs. Mit (0,3,0) (Klasse, Klasse, Attribut) gewinnt sie
gegen (0,2,0), gleich in welcher Reihenfolge die Dateien geladen werden. */
.wk-prospect-close.btn[type="button"] { width: 100%; min-height: 40px; justify-content: center; }
}
/* ---------- Weniger Bewegung ---------- */