مكون زينة عيد الميلاد 🎄

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

في خطابي، تعمل القبعة والضوء بشكل جيد، ومع ذلك فإن صورة الزينة لا تظهر. ليس لدي فكرة لماذا يحدث هذا.

[Jonathan5]

إذا كان ذلك يساعد، فإن الزخرفة تظهر فقط على سطح المكتب، في أعلى اليسار وأعلى اليمين.

[tachibanalolo]

نعم أعرف ولكن لا يوجد شيء عندما أشاهد على سطح المكتب.

[meghna (Meghna Jalan)]

تظهر صورة الزخرفة عندما يكون الحد الأدنى لعرض الشاشة 1450 بكسل. هل تشاهد الموقع على شاشة صغيرة أم على كمبيوتر محمول؟

[tachibanalolo]

أوه. لقد جربت ذلك على شاشة العرض بدقة 2k الخاصة بي، لذا فقد نجح الأمر. الآن أستخدم جهاز Lenovo Yoga Duet الخاص بي (يشبه إلى حد كبير Microsoft Surface) لذا فقد اختفى. ومع ذلك، هل من الممكن عرضه على شاشة صغيرة أو جهاز كمبيوتر محمول؟

[tachibanalolo]

سيكون من المؤسف ألا يتمكن مستخدمو الكمبيوتر المحمول من رؤية الجرس… أنا أحب ذلك. هذا يرمز إلى عيد الميلاد.

[meghna (Meghna Jalan)]

يمكنك عمل “fork” للقالب وتعديل إعدادات عرض الشاشة.

[tachibanalolo]

رائع! سأجرب ذلك! شكراً لمساعدتك!

[iamntz (Ionuț Staicu)]

إذا كان لدى أي شخص مكونات أخرى تظهر قبل الزخارف، يمكنك محاولة إضافة CSS هذا لفرض عرض الأضواء أولاً:

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

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

(قد يؤدي هذا إلى تعطيل عمليات تكامل أخرى، لذا اختبر جيدًا)

[danielabc (Daniela)]

هل يمكنني تغيير ألوان الأضواء؟

[kynic]

القبعة لا تظهر في المشاركات.

[Brandon007 (Brandon)]

@meghna هذا رائع!

“صورة زينة الكريسماس” لم تعمل معي.

هل هناك طريقة لتغيير ألوان الإضاءة؟ أنا ألعب بـ CSS، لكنني لا أحقق أي نجاح.

[th21]

يبدو أنه سيضيف قبعة ثانية على الرمز التعبيري (في قائمة المستخدم العلوية اليمنى) عندما يقوم المستخدم بتعيين حالة المستخدم