Draad viel uit de kaart: kop naast de bubbels en avatars buiten de rand
Twee fouten uit de vorige twee commits, allebei zichtbaar op Robins screenshot.
De draadkop stond NAAST de bubbels in plaats van erboven. Oorzaak: ik zette
.msg-thread { display: block } voor .msg-item { display: flex }, en bij gelijke
specificiteit wint de laatste regel. Het blok staat nu na .msg-item, met die
reden erbij zodat niemand het terugverplaatst.
De avatars van eigen bijdragen vielen buiten de kaart. Oorzaak: row-reverse om
je eigen berichten rechts te zetten. Dat duwt de avatar naar de rand zodra de
regel smaller wordt dan zijn inhoud, en dat is op een telefoon altijd. Eigen
bijdragen onderscheiden zich nu met een tint plus de accentlijn die .msg-sent al
had -- dat kan per definitie niet overlopen.
Verder mobiel dichtgezet: min-width:0 op de flexkinderen (anders duwt een lange
handle of URL de bubbel uit de kaart), .msg-line mag afbreken, en onder 560px
verdwijnt de 40px-avatar per bubbel -- de naam staat er al naast en de inhoud
heeft die breedte harder nodig. De kaartpadding krimpt daar mee, en de post-link
gaat van rechts uitgelijnd naar gewoon links, want uitlijnen op een regel die
toch al wrapt levert alleen een gat op.
Co-Authored-By: Claude Opus 5 <noreply@…>
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
