时间轴滑块中的日期在移动布局中有时不显示

您好,Discourse 在时间轴滑块中似乎存在一些非常随机的问题,例如不显示日期或仅显示月份而没有年份,尤其是在移动模式下:

窄桌面模式:1) 已登录的 Firefox,2) 未登录的 Firefox,3) 已登录的 Chromium,4) 未登录的 Chromium

移动模式:1) 已登录的 Firefox,2) 未登录的 Firefox,3) 已登录的 Chromium,4) 未登录的 Chromium

在正常宽度的桌面模式下,即使在时间轴中显示日期也存在困难。我发现了一个 CSS 调整,一位开发者在此处上传 here,当它应用于我的 Discourse 时,似乎总是在正常桌面宽度下显示月份/年份,在 Android Firefox 的移动模式下至少显示月份但有时不显示年份,在 Android Chrome 的移动模式下则始终显示完整的月份/年份:

.timeline-container .topic-timeline .timeline-scrollarea {
    min-width: 5em;
}
.timeline-container .topic-timeline .timeline-replies,
.timeline-container .topic-timeline .timeline-ago {
    overflow: visible;
    max-width: unset;
}
.timeline-container .topic-timeline .timeline-scroller-content {
    overflow: visible;
    padding-left: 0.5em;
    max-height: 4em;
}
1 个赞

我会看看这个;有时日期会隐藏起来,因为没有足够的空间显示它……不过在这种情况下,在手机上我认为它有点太过了。

2 个赞

非常感谢 @awesomerobot 的关注!

它有时会为了节省空间而只显示月份而不显示年份吗?还是那是另一套逻辑或一个 bug?我怀疑这与空间限制有关,我尝试了不同的缩放级别,但似乎没有区别,而且我不确定为什么 Firefox 和 Chromium 之间存在不一致。例如:

然后我不确定为什么显示 Mar 2020(只显示 Mar,并且只在 Firefox 中显示)和 Apr 2020(只在 Firefox 中显示年份)所需的空间量不同:

内容限制为 2 行,以避免“后退”按钮定位以及与顶部/底部日期重叠的另一个问题 — 因此,任何会换到第三行的内容都将被隐藏。

我已经进行了一项改进更新,现已在 Meta 上上线。如果您仍然遇到此问题,请告知我。

6 个赞

太棒了,非常感谢 @awesomerobot

1 个赞