Workers P3-Endprüfung W4: kein Zusatzabstand von 36 px zwischen den Abschnitten des Interessenten-Panels

Die globale Regel .page section + section traf den zweiten Abschnitt "Nachrichtenverlauf" und
ergab 52 px statt 16 px vor der Trennlinie. Eine Regel mit Nachbar-Kombinator (0,3,0) nimmt den
Zusatzabstand zurück; der Abstand kommt allein aus gap.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-18 10:42:39 +00:00
1 parent 20f51c6584
commit 62e7994508
2 files changed
+17

No files matched your search

+4
View File
@@ -208,6 +208,10 @@
.wk-prospect-score { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; overflow-wrap: anywhere; }
.wk-prospect-section { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding-top: 16px; border-top: 1px solid var(--line); }
.wk-prospect-section p { margin: 0; }
/* Das Panel liegt unter .page: dessen globale Regel `.page section + section { margin-top: 36px }` träfe sonst den zweiten Abschnitt und */
/* ergäbe 52 px (16 px gap + 36 px) statt 16 px vor der Trennlinie. Der Abstand kommt allein aus gap. Die Regel braucht den Nachbar-Kombinator, */
/* damit sie mit (0,3,0) gegen (0,1,2) gewinnt; ein einfaches `.wk-prospect-section { margin-top: 0 }` (0,1,0) verlöre. */
.wk-prospect .wk-prospect-section + .wk-prospect-section { margin-top: 0; }
.wk-prospect-title { font-size: 13px; line-height: 20px; font-weight: 600; color: var(--text-2); }
.wk-prospect-msgs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.wk-prospect-msg { min-width: 0; }