关于新的CSS边框半径和内边距的一些反馈

我刚刚将 Discourse 更新到最新版本,但在新的 CSS 边框圆角方面出现了一些问题,尤其是在带有深色标题栏的网站上。

这是深色标题栏的截图,其中的元素不再能干净地组合在一起:

深色标题栏的圆角边框与直线不匹配

这是在此论坛上添加了红色 CSS 边框以使其更清晰的效果:

在此论坛上的相同效果

这是尚未更新的论坛上的效果——我认为这样看起来更好,圆角更少,并且具有旧的内边距(并且在角落接触直线的地方没有圆角)。

我认为圆角较少的边框整体看起来更好。这是另一个例子:

这是旧版本的对比图(在我看来看起来更好,尽管外角可能有 2px 的圆角会更好):

只是一些建议。

5 个赞

感谢您的提出,已通知设计团队。

3 个赞

自您发帖以来,其中一些内容已更新。

我们为侧边栏项目增加了一些分隔:

我们的通知面板已移除内边距。我们的设计团队认为这种方向比在所有元素周围添加内边距更好。

此角落不应应用圆角。会处理,感谢您的反馈。

1 个赞

这只是一些反馈,因为我自己很容易就能更改它:

缺少填充是可以的。可能只是我,但每次我点击菜单时,我的大脑都会说:“有些东西看起来不对。”我认为这更多是边框半径而不是填充,因为看起来用户图标周围的框有一个 4px 的半径,但菜单有 2 * 4px 的半径。侧边栏中的按钮也是 4px。我认为如果菜单的边框是 4px,与页面的其余部分对齐,看起来会更好。

(您的截图看起来所有东西都可能是 8px,但我认为它看起来太圆了。如果我没记错的话,当我注销时,我看到 8px 的半径,但当我登录时,我看到 4px。我已经在几个浏览器中尝试过。)


**编辑:**我们可能看到不同的东西。这不是一个大问题,因为我可以覆盖变量,但每当我点击我网站上的左上角时,它看起来都不对。也许更大的圆角使边缘太靠近文本,这就是为什么我在上一条评论中提到了填充。

1 个赞