Componente Spinner di caricamento personalizzato

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. :slight_smile:

25 Mi Piace

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 Mi Piace

That’s exactly why the color is customizable via theme setting custom icon color.

4 Mi Piace

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.
Thanks :wink:

4 Mi Piace

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:

12 Mi Piace

Brilliant! Thank you @meghna :heart_eyes:

9 Mi Piace

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 Mi Piace

Aggiornalo, non funziona piĂą con 3.2.0.beta2-dev.

DĂ  errore nella console di Chrome @meghna

Sto testando questo su Ubuntu con l’ultima versione del browser Chrome e sto riscontrando il seguente errore sul mio sito di sviluppo locale:

component-templates.js:54 [discourse/theme-10/discourse/templates/components/conditional-loading-spinner] conditional-loading-spinner è stato creato utilizzando gjs e il suo template non può essere sovrascritto. Ignorando la sovrascrittura.

Sul mio sito di produzione, testando anche con l’ultima versione del browser Chrome su Ubuntu, non riscontro errori, ma non vedo nemmeno uno spinner di caricamento.

Penso che siano state apportate alcune modifiche al modo in cui i template vengono sovrascritti nei temi da quando questo componente tematico è stato rilasciato: (not recommended) Overriding Discourse templates from a Theme or Plugin. Penso che anche il modo in cui Discourse implementa lo spinner di caricamento sia cambiato da allora.

3 Mi Piace

@meghna questo verrà risolto o è rotto ora?:thinking:

1 Mi Piace

Aspetta un attimo. Il team è stato alla riunione annuale e potrebbe avere altre priorità quando ricomincerà a lavorare questa settimana.

2 Mi Piace

La correzione richiede alcune modifiche al core. Ci stiamo lavorando e lo risolveremo presto.

3 Mi Piace

Grazie per l’ottimo lavoro :smiley: :heart:

Questo componente del tema è stato aggiornato per funzionare sull’ultima versione di Discourse (per gentile concessione di @cvx).

4 Mi Piace

Ancora non funziona per me. :confused:

Modifica: Funziona ora dopo aver aggiornato discourse oggi.

Mi chiedo se usare un’icona svg al posto di FontAwesome. Grazie in ogni caso.

Smettendo di funzionare con l’ultima versione. 3.2.0.beta4-dev

(24532653e6)

Per me va bene con l’ultima versione :thinking:

Sì, funziona in alcuni punti, ma non nei post, quando fai clic su un altro post per vederlo. ora non funziona.

2 Mi Piace