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

フォラムに少しお祝いの雰囲気を加えるため、クリスマス装飾コンポーネントをご紹介します! :christmas_tree:

このコンポーネントには、以下の 3 つの装飾が含まれています:

  1. クリスマスライト
  2. クリスマス帽子
  3. クリスマス装飾画像

各装飾は、テーマ設定で個別に有効化/無効化できます。Christmas Decoration Image については、ダークテーマのフォラム用に色を反転させる設定も用意されています。

クリスマスライトは、@Canapin さんの こちらのアイデア に着想を得ています。

メリークリスマス! :santa:

「いいね!」 48

とても素晴らしいです!一点だけ気になることがあります。「装飾画像を有効化」が何も変化をもたらしていないようです。SCSS に if 文が必要なのかもしれませんね?

「いいね!」 9

ご指摘ありがとうございます!修正を適用しました。:slight_smile:

「いいね!」 7

素晴らしい、ありがとうございます。テーマそのものより、テーマコンポーネントとして実装する方がはるかに簡単ですね。

帽子はすぐに機能しましたが、ライトを機能させるには少し手探りでした。例えば、有効/無効のチェックボックスをオンにしたり(それが原因かどうかは定かではありません)、iOS Hub アプリを再起動したりしました。ただ、ライトに関してはそれも現実的でしょうね :slight_smile:

「いいね!」 3

気に入っていただけて嬉しいです!:slight_smile:

それは不思議ですね。私は theme-creator でコンポーネントを再度インストールしてみましたが、初回で正常に動作しました。もし問題が解決しない場合は、お知らせください。

「いいね!」 2

今はすべて正常に動作しています。おそらくキャッシュに関連する問題で、アバターがメニューバーより先に更新されていたのかもしれません。「キャッシュ」という言葉は、私には理解できないので、何でもかんでも言い訳に使える便利な言葉ですね。

「いいね!」 2

うーん、もしかしたらモデレーターがこのメタのコンポーネントを有効にして、動作確認をしてもらうといいかもしれませんね…

「いいね!」 1

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

「いいね!」 1

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

「いいね!」 1

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

「いいね!」 1

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

「いいね!」 1

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

「いいね!」 1

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

「いいね!」 1

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

「いいね!」 1

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

「いいね!」 1

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


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

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

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

「いいね!」 4

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

「いいね!」 2

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

「いいね!」 2

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

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

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

「いいね!」 1

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

「いいね!」 2