meghna
2021 年 1 月 2 日午後 2:43
1
While working on the Grogu theme I implemented a custom loading icon for that theme and thought it would be cool to have a standalone component to customize the loading spinner icon.
This component allows staff to customize the default spinning icon. There are three customization options available via theme settings:
icon name
icon size
icon color
The component only accepts FontAwesome icon name and I recommend picking one of these icons to get awesome spinning effect.
Enjoy, and do let me know how to further improve this component.
「いいね！」 25
ondrej
2021 年 1 月 2 日午後 2:53
2
Hello just installed this! An improvement that you could make is to add another colour for dark theme as the colour you choose for light such as #000000 will not be seen on a dark theme.
「いいね！」 6
meghna
2021 年 1 月 2 日午後 2:55
3
That’s exactly why the color is customizable via theme setting custom icon color.
「いいね！」 4
ondrej
2021 年 1 月 2 日午後 3:02
4
No what I mean is that is that the icon colour should invert depending on whether you are on a light or dark theme automatically.
My light theme background is #F0F0F0 and my dark theme background is #000000
Therefore it is difficult to find a colour that contrasts well. I want it to be a white icon on dark theme and a black one on light theme.
「いいね！」 4
meghna
2021 年 1 月 2 日午後 3:20
5
For automatic icon colour switching based on theme colours – do not specify any value in custom icon color theme setting.
I have now made this default behaviour via:
committed 03:16PM - 02 Jan 21 UTC
「いいね！」 12
ondrej
2021 年 1 月 2 日午後 3:59
6
Brilliant! Thank you @meghna
「いいね！」 9
MrDavis97
2021 年 2 月 23 日午後 9:25
7
I love this theme-component, and it works great on the home page. However, in some areas of my discourse instance, it shows the default loading spinner. For example, whenever I’m in the admin panel or user settings. @meghna Any way this can be fixed?
「いいね！」 1
kynic
2023 年 9 月 14 日午後 7:09
8
3.2.0.beta2-dev では動作しなくなりましたので、アップデートをお願いします。
Chrome コンソールでエラーが発生しています @meghna
simon
2023 年 9 月 20 日午前 3:44
9
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 がローディングスピナーを実装する方法もそれ以降変更されたと思います。
「いいね！」 3
kynic
2023 年 9 月 24 日午前 2:20
10
@meghna これは修正されますか、それとも今壊れていますか？
「いいね！」 1
simon
2023 年 9 月 24 日午前 2:53
11
少々お待ちください。チームは年次会議に出席しており、今週仕事に戻り始めた際には、他の優先事項があるかもしれません。
「いいね！」 2
meghna
2023 年 9 月 29 日午後 3:34
12
修正にはコアに変更が必要となります。現在対応中であり、近日中に修正いたします。
「いいね！」 3
meghna
2023 年 10 月 13 日午前 6:41
14
このテーマコンポーネントは、最新のDiscourseバージョンで動作するように更新されました（@cvx氏提供 ）。
「いいね！」 4
kynic
2023 年 10 月 27 日午前 3:56
15
まだ動作しません。
編集; 本日ディスコースを更新したところ、動作するようになりました。
sunjam
2023 年 10 月 28 日午前 1:33
16
FontAwesomeの代わりにSVGアイコンを使用することについて質問があります。どちらの方法でも感謝します。
You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component.
kynic
2023 年 11 月 25 日午後 8:28
17
最新バージョンで動作しなくなりました。3.2.0.beta4-dev
(24532653e6 )
kynic
2023 年 11 月 25 日午後 10:49
19
はい、いくつかの場所では機能しますが、投稿では機能しません。投稿をクリックして表示しようとすると、機能しなくなります。
「いいね！」 2
