解決済みフィルタのドロップダウン表示の問題

貢献 UX
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 コードを実行しているローカル開発環境の Discourse でも同様の現象を確認できましたので、この問題はまだ修正されていないようです。

issue の追跡を容易にするため、あなたの投稿を 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