用户下拉按钮换行

刚注意到这些按钮在我的 Meta 和 Review 页面上出现了换行:

(Linux 上的 Chromium 浏览器)

3 个赞

或许可以请 @awesomerobot 明天看看?

2 个赞

我在 Windows/MacOS 上无法复现此问题……我怀疑是滚动条的加入影响了宽度……因此,我稍微减小了用户名的最大宽度,并减少了一些内边距。

2 个赞

经过一番调查,罪魁祸首是这个(在 Chromium 设置中)

无论缩放级别如何

5 个赞

哦,这很有帮助,我想我可以为此提供一个更好的修复方案。

6 个赞

好的,这是一个很好的修复!我成功移除了菜单区域中的一些硬编码宽度,现在我们可以更好地处理内容拥挤的情况。

在 flex 布局中,我优先为图标分配空间,因此它们永远不会换行,而是会根据需要更多地截断用户名。另一方面,这也意味着我们总体上能更好地处理用户名的截断,因此在默认字体大小下有足够空间时,长用户名的截断程度会比之前更少

4 个赞

哦,好多了!甚至可以说是超级棒:

:hugs:

3 个赞

你能对 :wrench: 菜单施展同样的魔法吗?

中等:

对比大尺寸:

6 个赞

这应该能解决问题,之前遇到过类似的情况……我们在那里设置了硬编码的宽度。现在它应该能更好地随字体大小变化进行缩放:

4 个赞