按已解决筛选下拉显示问题

贡献 用户体验
1

看起来 solutions.scss 中缺少一个 display 属性。

.select-kit 的 display 值似乎是 inline-block，这导致 .select-kit.solved-status-filter 也保持相同。这使得该筛选框的显示方式与其他筛选框不同。

我已临时将该元素的 display 覆盖为 flex。我想提交一个修复的拉取请求（PR），但关于你们希望如何接收提交，目前缺乏相关信息。

另外提一句，其他筛选器在静止状态下使用右箭头，而这个筛选器在静止状态下使用的是下箭头。

Screenshot_2021-02-12 Latest topics - Pi-hole Userspace

2 个赞
2

感谢你的反馈！我在我本地运行最新 Discourse 代码的开发版本上复现了该问题，看来这个问题尚未修复。

我已将你的帖子移至 UX 分类下的新主题，以便我们追踪此问题。

4 个赞
4

我这边已经准备好了修复方案：

https://github.com/discourse/discourse-solved/pull/119

如果你下周更新，应该就能使用。 现已合并并可用。

在此期间，如果你希望立即修复，可以将以下 CSS 添加到你的网站主题中：

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // 核心变量
    .select-kit-header {
      margin: 0;
    }
  }
}
4 个赞
5

我注意到在某些地方，属性值中使用变量的选择器正从 $var 格式变为 --var 格式。这是框架的变更吗？是否有相关文档说明？

1 个赞
6

是的，针对颜色，我们将实现方式从 SCSS 变量改为 CSS 自定义属性，以支持深色模式……更多详情请参见：Update themes and plugins to support automatic dark mode

此外，在可能的情况下，我们也在其他位置使用自定义属性来替代新增 Sass 变量。每种方法都有其优缺点。

4 个赞