主题样式变更详情 - 反馈

[quote=“Jarek Radosz, post:28, topic:285364, username:cvx”]
(而且它不是同一个雪佛兰图标?:eyes:)
[/quote]你没说错,但问题在于这些组件设置方式的不同,一个使用了 d-icon,而另一个目前不适合。我很希望看到这种改变,所以如果你知道怎么做,请随时提供帮助。

[quote=“Jarek Radosz, post:16, topic:285364, username:cvx”]
按钮/摘要元素占用了更多空间(以前它是一个半内联元素)
[/quote]有了新的样式,它将需要更多空间,但我同意目前的填充过多。

[quote=“Jarek Radosz, post:28, topic:285364, username:cvx”]
也添加到 2。
关于图标指向的方向:鉴于它充当切换器,反转它以表示当前状态而不是操作/未来状态(这也适用于“回复”按钮)是否有意义?
[/quote]自切换器诞生以来,设计师们一直在争论这个问题。没有正确或错误的答案。


Screenshot 2023-11-14 at 1.48.35 PM
这是设计会议中的一个想法,我个人很喜欢。它解决了(部分)sam 和 cvx 的意见。我将在下一次迭代中尝试一下。

3 个赞
我到目前为止的想法……

在我看来,这看起来很不错!

4 个赞

我认为箭头符号放在左边会更好。我觉得大多数人不会注意到右边的箭头符号。它看起来像普通文本(有点像代码块),除非鼠标悬停在上面。我差点就错过了它。

3 个赞

(14. :wink:)最近添加的点击处理程序意味着点击链接、使用复制代码按钮、尝试展开图像,甚至尝试选择任何文本都会导致详细信息块折叠……:eyes:

4 个赞

我完全同意。过去几天我(差点)错过了阅读多个详细信息块。我认为这是因为它们乍一看与代码块非常相似。

这不是代码

这是代码
8 个赞

奇怪,对我来说,单击链接确实可以工作。它会关闭详细信息,但链接也会打开。我还没有尝试过其他场景。我同意,这需要一些更精细的 JavaScript 工作 :winking_face_with_tongue:

关于箭头的定位,@jordan.vidrine 你觉得怎么样?
我应该再做一次迭代吗?也许像我最初设想的那样,使用常规的三角形而不是箭头,并且只在打开时显示背景?

1 个赞

我认为仍然应该使用箭头,但将其定位在左侧似乎是个好主意。

1 个赞

您是指其他内容吗?我们没有在这里添加点击处理程序。

有一个处理程序。Charlie 今天在 2c941c4 中将其移除了。:slightly_smiling_face:

哈!哇,我还在想是什么在搞鬼。一语中的,我竟然没看出来。

2 个赞

是的,我真的很喜欢能够悬停在任何地方 > 高亮 > 点击关闭的想法,而不是只能点击摘要部分,但我忽略了其他点击的传播 :woman_facepalming:

在引文中也很容易错过细节,因为背景高亮几乎看不见,而且箭头离文本很远

5 个赞

关于最新迭代的一些吹毛求疵的想法……

箭头是否应该与基线对齐而不是居中?这比在多行示例中居中感觉更好……但这可能是主观的:

居中

基线

内边距是否应与引文匹配?目前顶部感觉有点太紧了

如果我们对整个容器设置内边距,那么我们可能应该尝试删除最后一个元素的任何内边距……这可能太棘手了,因为我们有许多内容类型……但也许是这样的:

details > :last-child {
  padding-bottom: 0;
}

我同意当它在引文中时,我们应该变暗一点,这样背景就不会丢失

Summary

This text will be hidden

我认为我们可能可以有一些变量来帮助解决这个问题……如果 details 的背景由类似这样的东西设置

:root {
  --d-details-bg: var(--primary-100);
}

details {
  background: var(--d-details-bg);
}

那么引文可以覆盖它……也许我们甚至可以在引文中有一个通用的“需要变暗”变量?不记得我们是否还有其他类似的情况……

blockquote {
  --darker-quote-bg: var(--primary-200);
  --d-details-bg: var(--darker-quote-bg);
}
4 个赞

100% 同意 - 如果不是当前的原因,那只是一个错误

3 个赞

我喜欢为此目的使用类似 rgba(var(--primary-rgb),0.25) 的东西,因为它只会让它所包含元素的当前背景稍微变暗一些。

2 个赞

总的来说,我觉得最新版本非常非常接近发布了 :hugs:

有一个小小的瑕疵,我不确定是否可以解决:

这绝不是一个阻碍因素,但那个灰色面板会让你觉得你在看同一个实体。

3 个赞

是的,我相信我们可以通过添加边框或其他方式来解决这个问题,使其更加清晰。我今天会看看。

1 个赞

总的来说,我喜欢它。话虽如此,这个建议引起了我的注意。

尝试选择文本元素的背景有时感觉就像在寻找完美的浅灰色。

var(--primary-not-so-light-you-cant-see-it-but-not-so-dark-it-looks-clunky)

但看起来你已经接近了,总的来说,我喜欢它。

5 个赞

我将为代码块添加与引用块相同的背景变暗效果

这样应该就能解决问题了 @sam

2 个赞

还有两件事(如果您愿意,可以看作是第 15 和 16 点 :wink:

  • 摘要元素的实际可点击区域比更改光标并在悬停时高亮的元素要小
  • 由于悬停时的背景色以及展开元素时随之发生的变化——展开元素时会短暂地闪烁背景色

编辑:

  1. 渲染后的帖子与编辑器之间存在差异:

    对比
2 个赞