Benutzerdefinierter Loading Spinner Component

Während der Arbeit am Grogu-Theme habe ich eine benutzerdefinierte Ladeikone für dieses Theme implementiert und fand es eine gute Idee, eine eigenständige Komponente zur Anpassung des Lade-Spinners bereitzustellen.

Diese Komponente ermöglicht es dem Personal, das Standard-Ladesymbol anzupassen. Über die Theme-Einstellungen stehen drei Anpassungsmöglichkeiten zur Verfügung:

  • Ikonenname
  • Ikonengröße
  • Ikonenfarbe

Die Komponente akzeptiert nur FontAwesome-Ikonennamen. Ich empfehle, eines von diesen Icons auszuwählen, um einen tollen Spinneffekt zu erzielen.

Viel Spaß damit, und lass mich gerne wissen, wie ich diese Komponente weiter verbessern kann. :slight_smile:

25 „Gefällt mir“

Hallo, ich habe das gerade installiert! Eine Verbesserung, die Sie vornehmen könnten, wäre, eine weitere Farbe für das dunkle Theme hinzuzufügen, da die Farbe, die Sie für das helle Theme gewählt haben, wie z. B. #000000, auf einem dunklen Theme nicht sichtbar sein wird.

6 „Gefällt mir“

Genau aus diesem Grund kann die Farbe über die Theme-Einstellung custom icon color angepasst werden.

4 „Gefällt mir“

Nein, was ich meine, ist, dass die Farbe des Symbols automatisch invertiert werden sollte, je nachdem, ob Sie ein helles oder dunkles Thema verwenden.

Mein Hintergrund für das helle Thema ist #F0F0F0 und mein Hintergrund für das dunkle Thema ist #000000.

Daher ist es schwierig, eine Farbe zu finden, die gut kontrastiert. Ich möchte ein weißes Symbol im dunklen Thema und ein schwarzes im hellen Thema.

Vielen Dank :wink:

4 „Gefällt mir“

Für den automatischen Wechsel der Symbolfarbe basierend auf den Farbtönen des Themas – geben Sie keinen Wert in der Theme-Einstellung „Benutzerdefinierte Symbolfarbe" an.

Ich habe dies nun als Standardverhalten festgelegt über:

12 „Gefällt mir“

Brillant! Danke, @meghna :heart_eyes:

9 „Gefällt mir“

Ich liebe diese Theme-Komponente, und sie funktioniert auf der Startseite hervorragend. Allerdings wird in einigen Bereichen meiner Discourse-Instanz der Standard-Ladespinner angezeigt. Zum Beispiel, wenn ich im Admin-Bereich oder in den Benutzereinstellungen bin. @meghna, gibt es eine Möglichkeit, das zu beheben?

1 „Gefällt mir“

Bitte aktualisieren Sie, es funktioniert nicht mehr mit 3.2.0.beta2-dev.

Es gibt einen Fehler in der Chrome-Konsole @meghna

Beim Testen unter Ubuntu mit dem neuesten Chrome-Browser erhalte ich auf meiner lokalen Entwicklungsseite folgenden Fehler:

component-templates.js:54 [discourse/theme-10/discourse/templates/components/conditional-loading-spinner] conditional-loading-spinner wurde mit gjs erstellt und seine Vorlage kann nicht überschrieben werden. Überschreiben wird ignoriert.

Auf meiner Produktionsseite, ebenfalls getestet mit dem neuesten Chrome-Browser unter Ubuntu, erhalte ich keine Fehler, sehe aber auch keinen Lade-Spinner.

Ich glaube, dass seit der Veröffentlichung dieser Theme-Komponente einige Änderungen daran vorgenommen wurden, wie Vorlagen in Themes überschrieben werden: (not recommended) Overriding Discourse templates from a Theme or Plugin. Ich glaube auch, dass sich die Art und Weise, wie Discourse den Lade-Spinner implementiert, seitdem geändert hat.

3 „Gefällt mir“

@meghna wird das behoben oder ist es jetzt kaputt?:thinking:

1 „Gefällt mir“

Bitte warten Sie einen Moment. Das Team war auf seiner Jahrestagung und hat möglicherweise andere Prioritäten, wenn es diese Woche wieder an die Arbeit geht.

2 „Gefällt mir“

Die Korrektur erfordert einige Änderungen im Kern. Wir arbeiten daran und werden es bald beheben.

3 „Gefällt mir“

Vielen Dank für die harte Arbeit :smiley: :heart:

Diese Theme-Komponente wurde aktualisiert, um mit der neuesten Discourse-Version zu funktionieren (mit freundlicher Genehmigung von @cvx).

4 „Gefällt mir“

Bei mir funktioniert es immer noch nicht. :confused:

Bearbeiten; Funktioniert jetzt, nachdem ich Discourse heute aktualisiert habe.

Ich überlege, ob ich anstelle von FontAwesome ein SVG-Symbol verwenden soll. Danke trotzdem.

Funktioniert mit der neuesten Version nicht mehr. 3.2.0.beta4-dev

(24532653e6)

Das sieht für mich mit der neuesten Version gut aus :thinking:

Ja, es funktioniert an einigen Stellen, aber nicht in Beiträgen, wenn man auf einen anderen Beitrag klickt, um ihn zu sehen. Es funktioniert jetzt nicht mehr.

2 „Gefällt mir“