2.5.0.beta6 におけるコンポーネント配置の影響

大きな問題ではありませんが、テーマでカスタム配置を使用している方が、最新のアップデートにより悪影響を受ける可能性があることをお知らせしようと思いました。

最新のアップデートにより、@smrtey または @pacharanero によるワイドスクリーンでの Discourse 表示に関するコードが破損したようです:

ナビゲーションバー(トピック内)は、ほとんどの場合、正しい(ワイドスクリーンの)位置に表示されています。しかし、上にスクロールすると一時的に通常の位置に戻り、その後再びワイドスクリーン位置に戻ってしまいます。

また、@Taylor_Troxtel による「Big Header - Little header」テーマにも意図せず悪影響を及ぼしました。

私の環境では、バナーが上部のボタン(カテゴリ、最新、新規)を隠してしまいました。

当面はこれらのテーマをサイトから削除しましたが、他のユーザーがアップデートを行う前に知っておくべきだと思い、共有しました。

ヘッダーは現在 CSS で position: sticky を使用しているため、これらのテーマがその変更の影響を受けた可能性があります。手始めとして、Versatile BannerDiscourse Category Banners の両方が問題修正のために更新されています。

@Alec さん、ご指摘いただきありがとうございます。2.5.0.beta6 以降、私が運用している一部の Discourse インスタンスでヘッダー下の間隔に奇妙な点に気づいていました。サイトデザインに合わせてヘッダーバーを高く設定し、#main-outlet を少し下に押し下げるためにパディングを追加していたのですが、2.5.0.beta6 以降はこの余分なパディングが不要になりました。

時間が取れたら、これを修正するために何を変更すべきか確認します。この TC を使用しているインスタンスが 2 つあり、一方は少し奇妙に見えますが、もう一方は問題ありません。もちろん、修正の PR も歓迎します。ご都合がつく方がいればお願いします。

@justin さん、修正方法のヒントをありがとうございます。

この問題は、リンクされているコンポーネントに含まれていない他の要素が多数ある私のサイトではワイドスクリーンに影響しませんでした。しかし、モバイルデバイスで埋め込まれた返信や返信を見られるようにするために、デスクトップ表示のカスタマイズが破損してしまいました。なぜか、幅が 768px 未満の場合に position: sticky が機能しませんでした。sticky がなぜ機能しないのか理由がわからず、最終的に以下の対応を余儀なくされました。

@media (max-width: 767px) {
   .d-header-wrap {
      position: fixed;
      top: 0;
      width: 100%;
   }
   #main-outlet {
       margin-top: 48px;
   }
}

こんにちは :wave:。このコンポーネントの修正を今日中に完了する予定ですので、お知らせします!

編集:コンポーネントにアップデートをプッシュしました。管理ダッシュボードからアップデートしてください。