Composant de décoration de Noël 🎄

[meghna (Meghna Jalan)]

Adding a bit of festive flair to your forum – I present a Christmas decoration component!

This component includes three flairs:

1. Christmas Lights
2. Christmas Hats
3. Christmas Decoration Image

Each flair can be individually enabled/disabled via theme settings. For Christmas Decoration Image there is also a setting to invert color for forum with Dark theme.

The Christmas lights were inspired from @Canapin’s ideas here.

Merry Christmas!

	Preview	Preview on theme creator
	Github Repo	discourse-christmas-decorations
	Install Guide	How to install a theme or theme component

[david (David Taylor)]

Very nice! One small thing - it doesn’t seem like the ‘enable decoration image’ is making any difference. I think it might need an if statement in the SCSS?

[meghna (Meghna Jalan)]

Thanks for bringing this in my notice! I’ve pushed a fix now.

[Jonathan5]

This is great, thanks. Much easier as a theme component than a theme.

The hats worked immediately but I had to fiddle around to get the lights to work - e.g. ticked the enable/disable boxes (though not sure that is what made it work) and restarted the iOS Hub app - but I guess that’s realistic for lights

[meghna (Meghna Jalan)]

@Jonathan5

This is great, thanks. Much easier as a theme component than a theme.

Glad you liked it!

@Jonathan5

but I had to fiddle around to get the lights to work

That is weird. I just checked installing the component (again) on theme-creator and it worked on first try. Let me know if the issue persists.

[Jonathan5]

It’s all working now. Maybe it was something to do with caching - the avatars being updated sooner than the menu bar. “Caching” is a good catch-all excuse as I don’t understand it.

[sunjam (james.network)]

Hmm, perhaps mods could enable this component here on meta to make sure it is working…

[tachibanalolo]

Dans mon discours, le chapeau et la lumière fonctionnent bien, cependant l’image de décoration ne s’affiche pas. Je n’ai aucune idée de pourquoi cela se produit.

[Jonathan5]

Si cela peut aider, la décoration n’apparaît que sur ordinateur, en haut à gauche et en haut à droite.

[tachibanalolo]

Oui, je sais, mais il n’y a rien quand je regarde sur ordinateur.

[meghna (Meghna Jalan)]

L’image de décoration apparaît lorsque la largeur minimale de l’écran est de 1450px. Regardez-vous le site sur un petit moniteur ou un ordinateur portable ?

[tachibanalolo]

Oh. J’essaie cela sur mon écran 2k, donc ça fonctionne. Maintenant, j’utilise mon Lenovo Yoga Duet (un peu comme Microsoft Surface), donc ça disparaît. Cependant, est-il possible de l’afficher sur un petit moniteur ou un ordinateur portable ?

[tachibanalolo]

Ce serait dommage que l’utilisateur de l’ordinateur portable ne voie pas la cloche… J’adore ça. Cela représente Noël.

[meghna (Meghna Jalan)]

Vous pouvez forker le thème et modifier les paramètres de largeur d’écran.

[tachibanalolo]

Génial ! J’essaierai ça ! Merci pour votre aide !

[iamntz (Ionuț Staicu)]

Si quelqu’un a d’autres composants qui apparaissent avant les décorations, vous pouvez essayer d’ajouter ce CSS pour forcer les lumières à être les premières :

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

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

(cela pourrait casser d’autres intégrations, alors testez minutieusement)

[danielabc (Daniela)]

Puis-je changer la couleur des lumières ?

[kynic]

Chapeau non affiché dans les publications.

[Brandon007 (Brandon)]

@meghna C’est fantastique !

« Image de décoration de Noël » n’a pas fonctionné pour moi.

Y a-t-il un moyen de changer les couleurs des lumières ? J’essaie avec le CSS, mais sans succès.

[th21]

On dirait qu’il ajoutera un 2e chapeau sur l’emoji (en haut à droite du menu utilisateur) lorsque l’utilisateur aura défini un statut utilisateur