新しいサイドバーカスタムCSS

開発
1

新しいサイドバーと通知メニューを試してみましょう！からの議論を続けます。

@Canapin 無知な質問をお許しください。メタに来るのは久しぶりで、過去数年間、私のインスタンスにCSSの変更をほとんど加えていません。

サイドバーの未読/新規/下書きをカスタマイズするために、どのようなCSSを使用しましたか？検索しましたが、何を使用すればよいかわかりません。

前もって感謝します。

2

サイドバーに変更を加えていないので、それは予想通りです。:smile:
他のユーザーも未読数を含む同様の表示をしていました。Try out the new sidebar and notification menus! - #240 by MarcP を参照してください。

今は代わりにドットが表示されていることに気づきました。

image
image204×525 5.15 KB

ですから、開発中にサイドバーのコードが変更されたのだと思います。

3

はい、ここで変更されました :slightly_smiling_face:

4

興味深いですね。枝分かれしたトピックの1つで、ドットまたは未読カウントをユーザーが設定できるようになり、Preferences > Sidebar > Navigationで見つけられると指摘されています。管理者がデフォルトで設定できればよかったのですが。私のインスタンスのユーザーは技術に詳しくないので、その設定を見つけたり、存在を知ったりすることはないでしょう。

Meta.Discourseと私のインスタンスの両方で、私には次のように表示されます。グレーのテキストです。

New-sidebar-custom-CSS-support-Discourse-Meta
New-sidebar-custom-CSS-support-Discourse-Meta245×639 15.3 KB

他の色のテキストの方がずっと見やすいと思います。

5

こんにちは。

新しいサイドバーを紹介するトピックを作成することが、この問題の解決策として良いと思います。/my/ パラメータを使用して、ユーザーを正しい場所に簡単に誘導できます。:slightly_smiling_face:

yoursite.com/my/preferences/sidebar

このように: https://meta.discourse.org/my/preferences/sidebar

はい、リンクのように見えないようにグレーアウトされています。これは、コンポーネントに CSS を追加することで変更できます。:slightly_smiling_face:

例：

共通 > CSS

// サイドバーの新規/未読の色

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    .sidebar-section-link-content-badge {
      color: var(--tertiary);
    }
  }
  // レビューリンクの色は変更しないでください
  .sidebar-section-link-review {
    .sidebar-section-link-content-badge {
      color: var(--danger);
    }
  }
}
6

素晴らしい、ありがとうございます。なぜ思いつかなかったのかわかりません。:person_facepalming:t5:

素晴らしい！まさに探していたものです！