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:
1 parent
20f51c6584
commit
62e7994508
2 files changed
+17
No files matched your search
@@ -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; }
|
||||
|
||||
Reference in new issue
Block a user