搜索“在此主题中”响应式布局问题与“Ubuntu”基本字体

您好,我在 Firefox 浏览器上以特定缩放级别查看我的网站时遇到了一个奇怪的渲染问题。问题是搜索“在此主题中”文本换行到了两行。这似乎只发生在系统基本字体设置为“Ubuntu”且缩放级别为 100% 或 110% 时。我还将我的 Discourse 个人资料界面字体大小偏好设置为“较大”。我在 Sam’s Simple Theme 和默认的 Discourse light theme 中都看到了相同的行为,并且我尝试禁用了所有主题组件,因此这似乎与除基本字体样式之外的任何其他自定义设置无关。

Discourse Meta 使用 Sam’s Simple Theme 和默认 Arial 字体,无错误(我的网站使用 Arial 基本字体也一样)

我的论坛使用 Sam’s Simple Theme 和“Ubuntu”基本字体

100% 缩放,存在错误:

110% 缩放,存在错误:

120% 缩放,无错误:

90% 缩放,无错误:

1 个赞

已将其重新分类为 UX,因为它仍然有效,但布局不正确。感谢您的报告!这应该是一个简单的修复,我们需要用一点 CSS 来防止文本换行。

3 个赞

非常感谢 Kris!我不确定这是否算“UX”,因为它与添加/删除/移动 UX 元素无关。我很想看看 CSS 修复,因为我在自己的主题自定义中也遇到了文本换行问题,但这都是我自己的错。 :wink:

1 个赞

这应该可以解决问题:

只是

white-space: nowrap 应用于按钮的 CSS

4 个赞

非常感谢 Kris!将此修复添加到自定义主题组件后,情况有了很大改善。现在出现了一个新的怪癖,即滚动条仅在 100% 缩放时出现,并且允许大约 5 像素的水平移动:

1 个赞