连续聊天消息不再缩进

错误
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

不，我认为是更新修复了它，或者是我这边有什么东西修复了它。我一直在努力调试聊天，所以我不记得是什么修复了这个问题，但它肯定在我这边已经修复了。

感谢您的跟进！

编辑：不知何故，我必须添加这个 CSS 才能让 user-info-hidden（连续文本）正确对齐……我想我在之前的版本中找到了这段代码，所以它可能在某个地方消失了：

.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 个赞