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

@meghnaさん、バグがいくつか修正されたプルリクエストを作成しました。

「いいね!」 5

@Canapinさん、ありがとうございます。PRはマージされました。:+1:

「いいね!」 4

この素晴らしいテーマコンポーネントをありがとうございます。

サイドバーが表示されているときに装飾画像が表示されすぎることに気づかれましたか? 幅1450pxで表示されるようです。サイドバーがある場合、1700pxあたりが良いかもしれません。それが可能かどうかはわかりません。

「いいね!」 2

私は今、独自のカスタマイズの代わりにこのコンポーネントを使用していますが、丸い電球の方が好きです :blush:

しかし、コンポーネントにはまだわずかな問題があります。電球の根元がヘッダーの後ろに隠れています。

これを修正するためにPRを作成しました。


丸い電球を好む方は、このCSSを独自のテーマに追加できます。

.lightrope li {
        width: 12px;
        height: 15px;
    }
}

「いいね!」 5

@Canapinさん、ありがとうございます。PRをマージしました。:heart:

「いいね!」 5

スマートフォンでこれほど低いのは普通ですか?

「いいね!」 1

よく気が付きましたね!確認します。


編集:PRを作成しました。

「いいね!」 3

このテーマをWelcome Banner theme componentと併用すると、バナーが非表示になっていても垂直位置が正しく表示されません。

参照:

https://meta.discourse.org/t/welcome-link-banner/218743/61?u=canapin


問題を回避する最も簡単な方法は、テーマに以下のCSSを追加することです。

.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0;
}
「いいね!」 3

ウェルカムリンクバナーコンポーネントを更新してこれを回避しました。 @Canapin さん、ありがとうございました!

「いいね!」 3

本日、このコンポーネントのアップデートがあったため、無効になっていましたが更新しました。クリスマスは終わりましたが、現在以下のエラーが表示されています。

Error: Invalid CSS after \"...hadow: 0px math\": expected expression (e.g. 1px, bold), was \".div($globe-height,\" on line 44 of ../../../tmp/discourse_theme_acdcea7663ae5fb94fa2525e54768195/discourse-christmas-decorations/stylesheets/lights.scss from line 2 of common.scss >> box-shadow: 0px math.div($globe-height, 6) $globe-width*2 $globe-sprea --------------------------^

何かが壊れてしまいました :wink:

「いいね!」 1

最新のDiscourseをご利用ですか?

「いいね!」 1

私はここで 3.1.0.beta2 [e64d1c4105] を実行しています。したがって、ベータ版ではありますが、最新のコミットではありません。

「いいね!」 1

[7eb6223b04] :wink: と同じです

「いいね!」 1

コミットは一旦元に戻し、@Falcoさんと一緒に適切な修正を行います

「いいね!」 1

これをテストしたところ、モバイルビューで帽子が表示されないことがわかりました。

@meghna
この素敵なもの、ありがとう!

提案が1つあります。両側のベルは色を付けた方が良いでしょうか?今は白黒で、あまりホリデーらしくないですよね?(笑)もちろん、あなたの判断で構いませんが…。

「いいね!」 1

モバイルビューでは、投稿者のリストが表示されません。トピックごとに著者に帽子をかぶせると、非常に煩雑に見えます。

現在はモバイルでも問題ないようです。私の意見です。

黒/白を選んだのは、あらゆる種類のカラースキームに合うようにするためです。プルリクエストはいつでも歓迎します :slight_smile:

「いいね!」 3

別の提案ですが、ライトバナー画像を変更する設定を追加できると、さらに良くなると思います。いくつかのオプションを用意したり、ランダムに変更したりできると良いでしょう。

例えば、このコンポーネントを今すぐ有効にしても、クリスマスまでにはまだ数週間あります。変化があった方が良いですよね… :slight_smile:

「いいね!」 1

モバイル用の帽子を修正してもらえますか? :grinning:

「いいね!」 2