用户卡片重新设计实验

我真的很喜欢我们网站正在使用的这个新的用户卡片设计,以及用户目录的卡片视图,我希望它们将来能成为受支持的组件。

3 个赞

我个人喜欢明亮、纯色的背景——无论是粉色还是其他颜色。

5 个赞

我相当喜欢截图中的暗黑模式,觉得它们看起来很时髦。虽然我不使用暗黑模式,但如果出现大面积的彩色爆发,可能会适得其反。:person_shrugging:

6 个赞

顺便说一句,在我们的网站上,我用以下方式覆盖了背景:

通用 CSS

#user-card {
  background: #eeeeee;
...
}
2 个赞

我几乎在所有地方都使用黑暗模式,我同意鲜艳的颜色有点分散注意力/令人不知所措。在我看来,它们甚至会增加一点压力和紧迫感,这肯定不是故意的。有没有办法调暗用户卡片的颜色,让它们看起来仍然很棒,但又不那么鲜艳?

我个人认为这个实验很棒,我希望它能为核心的 Discourse 带来改进。

8 个赞

我使用暗黑模式的部分原因是我对非常亮的屏幕敏感(尤其是在晚上),所以这确实会破坏暗黑模式的目的。

2 个赞

也许他们应该让用户卡片在暗色模式下带有暗色调,这样整体就不会那么亮和烦人了。

6 个赞

This is how @seanblue’s card would look like with a brightness filter on it:

Original

0.8 Brightness:

0.6 Brightness:

0.4 Brightness:

10 个赞

感谢 @Canapin 上面的建议,我对 meta 做了一些小调整,使其在暗黑模式下背景会更暗一些。你能检查一下这样是否更好吗?

7 个赞

是的,在我看来,这要好得多。我个人喜欢带有背景的当前设计,但不是很多人喜欢,所以总有一天我可能会做一个实现突出颜色设计组件。

5 个赞

这在时间线上,只是等待集成 :+1:

5 个赞

嗯,我想在手机上可能出错了?它看起来和我之前一样亮(或者差不多),而且也不再模糊了。

我不知道你最后用了什么方案,但我觉得 0.6 亮度的示例效果可能不错。

3 个赞

那是我的错,我在那个 PR 中没有包含 -webkit 前缀,但现在应该已经修复了。

6 个赞

新版本看起来好多了。

5 个赞

我的论坛上的更新也已修复。谢谢 @jordan.vidrine。我真的很喜欢那个实验性的用户卡 TC,但它不应该再是实验性的了 :slight_smile:

10 个赞

我同意。它太棒了,不应该被藏起来当作“实验性”的。

6 个赞

您好 :wave:

我注意到一个关于位置的问题。似乎在第一次打开用户卡片后,它会在所有其他用户卡片上保留位置 URL。谢谢 :slightly_smiling_face:

3 个赞

哇!抓得好!我会对此进行调查。

6 个赞

您好,我遇到了一个问题,用户卡片显示在屏幕外面。当浏览器最大化并使用较高的缩放比例和/或较高的 DPI 设置时,似乎才会发生这种情况。

在使用 Sam’s Simple Theme 时这个问题更明显,但根据缩放级别和显示多少活跃发帖人,“默认”主题也会开始出现这个问题:

1 个赞

我尝试了您的设置,但似乎无法重现。\n\n为了确保无误——您是在打开用户卡片模态框后缩放,还是每次点击头像时用户卡片都显示为您的截图?

1 个赞