연속된 채팅 메시지가 더 이상 들여쓰기되지 않음

기여 버그
1

두 인스턴스에서 채팅을 테스트하던 중, 커밋 #416과 현재 버전(#445) 사이에 연속된 채팅 메시지가 더 이상 들여쓰기되지 않는 것을 발견했습니다. 코드를 파헤쳐 보았지만 무슨 일이 있었는지 파악하지 못했습니다.

#416에서는 다음과 같이 표시됩니다:

image
image674×172 17 KB

그런데 현재 #445에서는 다음과 같이 보입니다:

image
image730×264 19.1 KB

메타데이터/타임스탬프가 채팅 왼쪽에 표시되던 것이 더 이상 채팅 위에 표시되는 것 같습니다. 무슨 일이 있었는지 정확히 모르겠습니다.

486번 줄과 473번 줄의 변경 사항, 즉 486번 줄에서 flex-direction: row가 제거되고 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);
}

하지만 제 추측이 틀릴 수도 있습니다. 아직 git 커밋 간 디버깅 방법을 배우는 중이므로 확신할 수 없습니다.

1개의 좋아요
2

여전히 이 문제가 보입니까? 제 환경이나 내부 인스턴스에서는 확인되지 않습니다.

2개의 좋아요
3

아니요, 업데이트로 인해 수정되었거나 제 쪽에서 무언가가 고쳐진 것 같습니다. 채팅 디버깅을 하려고 애쓰느라 좀 헤매고 있어서 정확히 무엇이 문제를 해결했는지는 기억나지 않지만, 제 쪽에서는 확실히 해결되었습니다.

확인해 주셔서 감사합니다!

수정: 어떤 이유에서인지, user-info-hidden(연속된 텍스트)이 제대로 정렬되도록 하려면 이 CSS를 추가해야 했습니다… 이전 버전에서 해당 코드를 찾은 것 같아서, 어딘가에서 사라진 것 같습니다:

.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개의 좋아요