时间线滚动条因两行文本导致高度重叠

错误
1

我发现了一个样式 bug，时间轴滚动条会与中文环境下的开始日期重叠，它可能比英文长一些，会换行显示。下图是两个不同语言环境但相同主题的截图。

image
image297×530 2.27 KB

image
image174×294 1.46 KB

2 个赞
3

非常感谢你报告此问题。您能否提供更多关于此问题的信息？我尝试在我们的 try.discourse.org 实例上使用“翻译页面”来重现此问题，但未能稳定重现您所看到的情况。

此 bug 报告主题中的一些部分可能有助于我们获取更多信息，以便我们能够解决此 bug。

4

这有点复杂，难以重现。

（中文定位）

  1. 准备一个包含许多帖子的长主题，例如 200 个帖子。我之前没有阅读过它，或者只阅读了最开始的部分，例如前 10 个帖子。
  2. 进入主题并向上滚动滚动条。然后滚动条会显示一个“返回”按钮。确保进度指示器足够高，如果滚动条到达顶部，则可以包含在滚动条内。
  3. 继续向上滚动，直到滚动条到达或非常接近开始日期。

然后您将看到重叠。

1 个赞
8

几周前我对 Discourse 进行了一次更新，试图更好地处理这个问题：

这会将时间轴强制限制为只显示 2 行文本，隐藏其余部分。因此，当文本可能非常长和/或时间轴可用空间有限（屏幕较窄）时，它可能看起来像这样：

Screenshot 2023-01-31 at 12.57.44 PM
Screenshot 2023-01-31 at 12.57.44 PM102×125 1.38 KB

这会在某些情况下隐藏处理中的部分或全部日期信息，但可以防止后退按钮出现布局问题，并避免与时间轴顶部的日期重叠。

时间轴上的日期信息与帖子本身的日期信息有些重复，因此为了避免布局中断的问题，这似乎是一个值得的权衡。

2 个赞