Weihnachtsdekorationselement 🎄

[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]

In meiner Diskussion funktionieren Hut und Licht einwandfrei, jedoch wird das Dekorationsbild nicht angezeigt. Ich habe keine Ahnung, warum das passiert.

[Jonathan5]

Wenn es hilft, die Dekoration erscheint nur auf dem Desktop, oben links und oben rechts.

[tachibanalolo]

Ja, das weiß ich, aber wenn ich es auf dem Desktop ansehe, ist da nichts.

[meghna (Meghna Jalan)]

Das Dekorationsbild wird angezeigt, wenn die minimale Bildschirmbreite 1450px beträgt. Sehen Sie sich die Website auf einem kleinen Monitor oder einem Laptop an?

[tachibanalolo]

Oh. Ich habe das auf meinem 2k-Display-Monitor ausprobiert, das funktioniert. Jetzt benutze ich mein Lenovo Yoga Duet (so etwas wie ein Microsoft Surface), da verschwindet es. Ist es jedoch möglich, es auf einem kleinen Monitor oder einem Laptop anzuzeigen?

[tachibanalolo]

Es wäre schade, wenn Laptop-Benutzer die Glocke nicht sehen könnten… Ich liebe das. Das steht für Weihnachten.

[meghna (Meghna Jalan)]

Sie können das Thema forken und Bildschirmbreiteneinstellungen anpassen.

[tachibanalolo]

Toll! Das werde ich versuchen! Danke für deine Hilfe!

[iamntz (Ionuț Staicu)]

Wenn jemand andere Komponenten hat, die vor den Dekorationen angezeigt werden, könnten Sie versuchen, dieses CSS hinzuzufügen, um die Lichter zuerst anzuzeigen:

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

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

(Dies könnte andere Integrationen beeinträchtigen, testen Sie es daher gründlich)

[danielabc (Daniela)]

Kann ich die Farben der Lichter ändern?

[kynic]

Hut wird in Beiträgen nicht angezeigt.

[Brandon007 (Brandon)]

@meghna Das ist fantastisch!

„Weihnachtsdekorationsbild“ hat bei mir nicht funktioniert.

Gibt es eine Möglichkeit, die Farben der Lichter zu ändern? Ich experimentiere mit dem CSS, aber ohne Erfolg.

[th21]

Es sieht so aus, als würde es einen zweiten Hut auf dem Emoji (oben rechts im Benutzermenü) hinzufügen, wenn der Benutzer einen Benutzerstatus festlegt.