Grogu テーマの開発中に、そのテーマ用にカスタムローディングアイコンを実装しました。ローディングスピナーアイコンをカスタマイズできるスタンドアロンのコンポーネントがあると素敵だろうと考えました。
このコンポーネントを使えば、スタッフはデフォルトの回転アイコンをカスタマイズできます。テーマ設定を通じて以下の 3 つのカスタマイズオプションが利用可能です。
このコンポーネントは FontAwesome のアイコン名のみを受け付けます。素晴らしい回転エフェクトを得るには、こちらのアイコン の中から選ぶことをお勧めします。
お楽しみください。このコンポーネントをさらに改善する方法について、ぜひご意見をお聞かせください。
 |
プレビュー | テーマクリエイターでプレビュー |
 |
Github リポジトリ | discourse-custom-loading-spinner |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
こんにちは、インストールしました！改善点として、ダークテーマ用に別の色を追加することをお勧めします。ライトテーマで選択されている色（例：#000000）は、ダークテーマでは表示されません。
いいえ、私が言いたいのは、アイコンの色がライトテーマかダークテーマかに応じて自動的に反転するということです。
私のライトテーマの背景色は #F0F0F0 で、ダークテーマの背景色は #000000 です。
そのため、よく映える色を見つけるのが難しいのです。ダークテーマでは白いアイコンに、ライトテーマでは黒いアイコンにしたいと考えています。
ありがとうございます 
テーマの色に基づいてアイコンの色を自動的に切り替える場合、「カスタムアイコンの色」テーマ設定には値を指定しないでください。
私はこれをデフォルトの動作として以下のように変更しました:
素晴らしい！ありがとう @meghna 
このテーマコンポーネントが大好きで、ホームページではとてもうまく機能しています。ただし、Discourse インスタンスの特定の領域（管理パネルやユーザー設定など）では、デフォルトのローディングスピナーが表示されてしまいます。@meghna これを修正する方法はありますか？
3.2.0.beta2-dev では動作しなくなりましたので、アップデートをお願いします。
Chrome コンソールでエラーが発生しています @meghna
Ubuntu と最新の Chrome ブラウザでこれをテストしていますが、ローカル開発サイトで次のエラーが発生しています。
component-templates.js:54 [discourse/theme-10/discourse/templates/components/conditional-loading-spinner] conditional-loading-spinner は gjs を使用して作成されたため、そのテンプレートをオーバーライドすることはできません。オーバーライドを無視しています。
本番サイトでも、Ubuntu の最新の Chrome ブラウザでテストしていますが、エラーは発生していませんが、ローディングスピナーも表示されていません。
このテーマコンポーネントがリリースされてから、テンプレートがテーマでオーバーライドされる方法が変更されたと思います: https://meta.discourse.org/t/overriding-discourse-templates-from-a-theme-or-plugin/247487。また、Discourse がローディングスピナーを実装する方法もそれ以降変更されたと思います。
@meghna これは修正されますか、それとも今壊れていますか？
少々お待ちください。チームは年次会議に出席しており、今週仕事に戻り始めた際には、他の優先事項があるかもしれません。
修正にはコアに変更が必要となります。現在対応中であり、近日中に修正いたします。
お疲れ様でした 
このテーマコンポーネントは、最新のDiscourseバージョンで動作するように更新されました（@cvx氏提供）。
まだ動作しません。
編集; 本日ディスコースを更新したところ、動作するようになりました。
FontAwesomeの代わりにSVGアイコンを使用することについて質問があります。どちらの方法でも感謝します。
最新バージョンで動作しなくなりました。3.2.0.beta4-dev
これで最新バージョンで問題ないと思います
はい、いくつかの場所では機能しますが、投稿では機能しません。投稿をクリックして表示しようとすると、機能しなくなります。
