Aufeinanderfolgende Chatnachrichten werden nicht mehr eingerückt

Fehler
1

Ich teste den Chat auf zwei Instanzen und habe festgestellt, dass irgendwo zwischen Commit #416 und dem aktuellen (#445) die aufeinanderfolgenden Chatnachrichten nicht mehr eingerückt werden. Ich habe versucht, in den Code einzutauchen, konnte aber aus irgendeinem Grund nicht herausfinden, was passiert ist.

Auf #416 sieht es so aus:

image
image674×172 17 KB

Und jetzt auf #445 sieht es so aus:

image
image730×264 19.1 KB

Es scheint, dass die Metadaten / Zeitstempel nicht mehr links vom Chat, sondern darüber angezeigt werden, und ich bin mir nicht sicher, was passiert ist.

Es sieht so aus, als ob die Zeilen 486 und 473 geändert wurden, was flex-direction: row von 486 entfernt hat und auch dies von 473:

.tc-messages-container .tc-message.user-info-hidden .tc-meta-data {
    align-items: flex-start;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding-top: 0.3em;
    width: var(--message-left-width);
}

Aber ich könnte mich irren, ich lerne noch, wie man über Git-Commits hinweg debuggt.

1 „Gefällt mir“
2

Sehen Sie das immer noch? Ich sehe es hier oder auf unserer internen Instanz nicht.

2 „Gefällt mir“
3

Nein, ich glaube, entweder hat ein Update es behoben oder etwas auf meiner Seite hat es behoben. Ich habe mich beim Debuggen von Chats etwas verloren gefühlt, daher kann ich mich nicht erinnern, was das behoben hat, aber es ist definitiv auf meiner Seite behoben.

Vielen Dank für die Nachfrage!

Bearbeiten: Aus irgendeinem Grund musste ich diesen CSS-Code hinzufügen, damit die user-info-hidden (aufeinanderfolgende Texte) richtig ausgerichtet sind… Ich glaube, ich habe den Code in einer früheren Version gefunden, sodass er vielleicht irgendwo verschwunden ist:

.tc-messages-container .tc-message.user-info-hidden .tc-meta-data {
    align-items: flex-start;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding-top: 0.3em;
    width: var(--message-left-width);
}

.tc-messages-container .tc-message.user-info-hidden .tc-message-container {
    flex-direction: row;
}
2 „Gefällt mir“