Componente decorazione di Natale 🎄

[meghna (Meghna Jalan)]

Aggiungi un tocco festivo al tuo forum – vi presento un componente di decorazione natalizia!

Questo componente include tre decorazioni:

1. Luci natalizie
2. Cappelli natalizi
3. Immagine decorativa natalizia

Ogni decorazione può essere attivata o disattivata singolarmente tramite le impostazioni del tema. Per l’Immagine decorativa natalizia è presente anche un’impostazione per invertire i colori nei forum con tema scuro.

Le luci natalizie sono state ispirate dalle idee di @Canapin.

Buon Natale!

	Anteprima	Anteprima nel creatore di temi
	Repository Github	discourse-christmas-decorations
	Guida all’installazione	Come installare un tema o un componente del tema

[david (David Taylor)]

Molto bello! Una piccola cosa: sembra che l’opzione ‘enable decoration image’ non faccia alcuna differenza. Penso che potrebbe essere necessario un statement if nello SCSS?

[meghna (Meghna Jalan)]

Grazie per avermelo segnalato! Ho appena applicato una correzione.

[Jonathan5]

È fantastico, grazie. Molto più semplice come componente del tema che come tema.

I cappelli hanno funzionato subito, ma ho dovuto fare un po’ di aggiustamenti per far funzionare le luci: ad esempio, ho spuntato le caselle di abilitazione/disabilitazione (anche se non sono sicuro che sia stato quello a farle funzionare) e ho riavviato l’app iOS Hub. Immagino sia realistico per le luci

[meghna (Meghna Jalan)]

@Jonathan5

Questo è ottimo, grazie. Molto più semplice come componente del tema rispetto a un tema.

Sono felice che ti sia piaciuto!

@Jonathan5

ma ho dovuto smanettare un po’ per far funzionare le luci

È strano. Ho appena provato a installare di nuovo il componente su theme-creator e ha funzionato al primo tentativo. Fammi sapere se il problema persiste.

[Jonathan5]

Funziona tutto ora. Forse era qualcosa legato alla cache: gli avatar venivano aggiornati prima della barra del menu. “Cache” è una scusa comoda quando non si capisce come funziona.

[sunjam (james.network)]

Hmm, forse i moderator potrebbero abilitare questo componente qui su Meta per assicurarsi che funzioni…

[tachibanalolo]

Nel mio discorso, cappello e luce funzionano bene, tuttavia l’immagine decorativa non viene visualizzata. Non ho idea del perché ciò accada.

[Jonathan5]

Se può essere d’aiuto, la decorazione appare solo sul desktop, in alto a sinistra e in alto a destra.

[tachibanalolo]

Sì, lo so, ma non c’è niente quando visualizzo sul desktop.

[meghna (Meghna Jalan)]

L’immagine decorativa viene visualizzata quando la larghezza minima dello schermo è di 1450px. Stai visualizzando il sito su un monitor piccolo o un laptop?

[tachibanalolo]

oh. Lo provo sul mio monitor 2k, così funziona. Ora sto usando il mio Lenovo Yoga Duet (una specie di Microsoft Surface) e così scompare. Tuttavia è possibile visualizzarlo su un monitor piccolo o un laptop?

[tachibanalolo]

Sarebbe un peccato che gli utenti di laptop non potessero vedere la campana… Mi piace. Quella sta per Natale.

[meghna (Meghna Jalan)]

Puoi fare il fork del tema e modificare le impostazioni della larghezza dello schermo.

[tachibanalolo]

Fantastico! Ci proverò! Grazie per il tuo aiuto!

[iamntz (Ionuț Staicu)]

Se qualcuno ha altri componenti che appaiono prima delle decorazioni, puoi provare ad aggiungere questo CSS per forzare le luci ad essere le prime:

#main-container > * {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main-container .lightrope {
  order: -1;
}

(questo potrebbe rompere altre integrazioni, quindi testa a fondo)

[danielabc (Daniela)]

Posso cambiare i colori delle luci?

[kynic]

Cappello non visibile nei post.

[Brandon007 (Brandon)]

@meghna Fantastico!

“Immagine Decorazione Natalizia” non ha funzionato per me.

C’è un modo per cambiare i colori delle luci? Sto provando con il CSS, ma senza successo.

[th21]

Sembra che aggiungerà un secondo cappello all’emoji (nel menu utente in alto a destra) quando l’utente imposta uno stato utente