クリスマス装飾コンポーネント 🎄

テーマコンポーネント
1

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

Screenshot 2020-12-21 at 11.48.08 PM
Screenshot 2020-12-21 at 11.48.08 PM3814×1334 365 KB

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.

Screenshot 2020-12-21 at 11.46.41 PM
Screenshot 2020-12-21 at 11.46.41 PM3810×1044 256 KB

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

Merry Christmas! :santa:
:sunglasses: Preview Preview on theme creator
:link: Github Repo discourse-christmas-decorations
:hammer_and_wrench: Install Guide How to install a theme or theme component
「いいね！」 47
2

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?

「いいね！」 9
3

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

「いいね！」 7
4

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 :slight_smile:

「いいね！」 3
5

Glad you liked it! :slight_smile:

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.

「いいね！」 2
6

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.

「いいね！」 2
7

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

「いいね！」 1
12

私のディスコースでは、帽子とライトは正常に機能しますが、装飾画像が表示されません。この原因がわかりません。

「いいね！」 1
13

お役に立てれば、装飾はデスクトップの左上と右上にのみ表示されます。

「いいね！」 1
14

はい、わかっています。しかし、デスクトップで表示しても何も表示されません。

「いいね！」 1
15

装飾画像は、最小画面幅が 1450px の場合に表示されます。小さいモニターまたはラップトップでサイトを閲覧していますか？

「いいね！」 1
16

ああ。2Kディスプレイモニターで試したところ、うまくいきました。今はLenovo Yoga Duet（Microsoft Surfaceのようなもの）を使用していますが、表示されなくなりました。しかし、小型モニターやラップトップに表示することは可能でしょうか？

「いいね！」 1
17

ノートパソコンのユーザーがベルを見られないのは残念です。それがクリスマスを象徴しているのが好きです。

「いいね！」 1
18

テーマをフォークして、画面幅の設定を調整できます。

「いいね！」 1
19

クール！試してみます！助けてくれてありがとう！

「いいね！」 1
20

装飾の 前に 表示される他のコンポーネントがある場合は、ライトを最初に強制するために、このCSSを追加してみてください。


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

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

（これは他の統合を壊す 可能性が あるため、徹底的にテストしてください）

「いいね！」 4
21

ライトの色を変更できますか？

「いいね！」 2
22

投稿に帽子が表示されない。

「いいね！」 2
23

@meghna これは素晴らしいですね！

「クリスマス装飾画像」は私には機能しませんでした。

ライトの色を変更する方法はありますか？ CSSをいじっていますが、うまくいきません。

「いいね！」 1
24

絵文字（右上ユーザーメニュー）に、ユーザーがuser-statusを設定した際に2つ目の帽子が追加されるようです。

image
image120×106 8.01 KB

「いいね！」 2