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

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

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

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

前もって感謝します。

「いいね!」 1

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

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

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

「いいね!」 2

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

「いいね!」 3

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

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

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

「いいね!」 1

こんにちは。

新しいサイドバーを紹介するトピックを作成することが、この問題の解決策として良いと思います。/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);
    }
  }
}
「いいね!」 2

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

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

「いいね!」 2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.