使移动视图主题进度使用固定宽度数字

只是一点点,但数字宽度不均匀会导致左侧的管理菜单按钮在向下滚动时来回跳动(虽然只有几个像素,但有时会出乎意料地引起我的注意)。

也许使用等宽字体可以改善体验。 :slightly_smiling_face:

5 个赞

好建议!我不认为我们有必要更改字体……我们也可以确保数字的容器始终比内容宽,这样它们就有一些“缓冲”空间来扩展而不会移动布局。

4 个赞

我只是稍微调整了一下 paddingch 单位,但没有一个真正完美。我认为等宽字体是个更好的选择,但我们目前使用的 JetBrains 字体在我看来有点奇怪:

我们可以使用 ch 单位,但那样的话,例如 4ch 会一直工作到 9/XX,5ch 会工作到 99/XX,而 6ch 则几乎可以覆盖所有情况(直到 XX/100),但这样在大多数时候可能会显得过于宽敞,没有必要?

总之,也许现在,我将实现 6ch 的最小宽度,这应该能改善大多数主题。

编辑:UX: improve progress styling on mobile by chapoi · Pull Request #34886 · discourse/discourse · GitHub

此主题已在 5 天后自动关闭。不再允许回复。