解決済みトピックバッジ

:information_source: 概要 解決済みおよび未解決のトピックにスタイリングオプションを追加します。
:hammer_and_wrench: リポジトリ GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics.
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマ初心者の方へ Discourseテーマの使用に関する初心者ガイド

このテーマコンポーネントをインストール

こんにちは :waving_hand:

このテーマコンポーネントは、解決済みおよび未解決のトピックにスタイリングオプションを追加します。カスタムバッジと背景色を設定できます。

デフォルトでは、トピックリストページではこのようになります :arrow_down_small:
スタイル設定済み(タイトル前)

背景付き


インライン


スタイル設定済み(タイトル後)


トピックタイトル、トピックヘッダー
スタイル設定済み
Screenshot 2023-10-11 at 23.40.35


インライン
Screenshot 2023-10-11 at 23.43.39


アイコン、テキスト、スタイルを解決済みと未解決で個別に変更できる設定が多数あります。

グローバルインジケーター設定 :arrow_down_small:

タイプ
– スタイル設定済み(バッジ)
– インライン(タイトルの前にインラインで配置)

配置(スタイル設定済み)
– タイトル前
– タイトル後

ボーダー半径
– バッジの丸み


解決済みインジケーター設定

解決済みインジケーター
– Unicodeの✔を使用しますが、他のもの(例:絵文字)も使用できます。ラベルの前に配置されます。



解決済みボーダーカラー
バッジには1pxの透明なボーダーがあり、この設定で色を設定できます。

解決済みトピックの背景を有効にする
この設定を有効にすると、その下のフィールドがアクティブになり、トピックリストアイテムの背景色を設定できます。


未解決インジケーター設定

以下に未解決インジケーターの同様の設定があります…

未解決インジケーターを有効にしたい場合は、Discourse Solvedプラグインの設定で「未解決の空きボックス」をオンにしてください。


やることリスト:

– トピックステータスとして使用するために移動する(トピックステータスが表示されるすべての場所に表示され、カスタムアイコンも使用できるようになります)

「いいね!」 20