Weihnachtsdekorationselement 🎄

[meghna (Meghna Jalan)]

Etwas festliche Stimmung für dein Forum – ich stelle euch eine Weihnachtsdekoration-Komponente vor!

Diese Komponente umfasst drei Dekorationen:

1. Weihnachtsbeleuchtung
2. Weihnachtsmützen
3. Weihnachtsdekoration-Bild

Jede Dekoration kann über die Theme-Einstellungen einzeln aktiviert oder deaktiviert werden. Für das Weihnachtsdekoration-Bild gibt es zudem eine Einstellung, um die Farben für Foren mit Dark-Theme umzukehren.

Die Weihnachtsbeleuchtung wurde von @Canapins Ideen hier inspiriert.

Frohe Weihnachten!

	Vorschau	Vorschau im Theme-Editor
	GitHub-Repository	discourse-christmas-decorations
	Installationsanleitung	So installierst du ein Theme oder eine Theme-Komponente

[david (David Taylor)]

Sehr schön! Eine kleine Sache – es scheint, als hätte die Option ‘Bilder aktivieren’ keine Auswirkung. Ich denke, dafür könnte ein if-Statement im SCSS benötigt werden?

[meghna (Meghna Jalan)]

Vielen Dank, dass du mich darauf aufmerksam gemacht hast! Ich habe jetzt eine Korrektur eingespielt.

[Jonathan5]

Das ist großartig, danke. Als Theme-Komponente ist es viel einfacher als als Theme.

Die Hüte funktionierten sofort, aber ich musste ein bisschen herumprobieren, damit die Lichter liefen – z. B. die Aktivierungs-/Deaktivierungsfelder anklicken (obwohl ich nicht sicher bin, ob das der Grund war) und die iOS Hub-App neu starten – aber das ist bei Lichtern wohl realistisch

[meghna (Meghna Jalan)]

@Jonathan5

Das ist großartig, danke. Als Theme-Komponente ist es viel einfacher als als Theme.

Freut mich, dass es dir gefällt!

@Jonathan5

aber ich musste ein bisschen herumprobieren, damit die Lichter funktionieren

Das ist seltsam. Ich habe gerade erneut die Installation der Komponente auf dem Theme-Creator geprüft, und sie hat beim ersten Versuch funktioniert. Lass mich wissen, falls das Problem weiterhin besteht.

[Jonathan5]

Es funktioniert jetzt alles. Vielleicht lag es an etwas mit dem Caching – die Avatare wurden früher aktualisiert als die Menüleiste. „Caching“ ist eine gute Sammelentschuldigung, da ich es nicht verstehe.

[sunjam (james.network)]

Hmm, vielleicht könnten Mods diese Komponente hier auf Meta aktivieren, um sicherzustellen, dass sie funktioniert…

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