モバイル版：チャットボックスとヘッダー以降のコンテンツに問題

サポート
1

Discourse 3.4.0.beta1-dev
iPhone SE 2020

モバイルで、ヘッダーの後にコンテンツ（この場合は画像に示すように2つの広告）があるとチャットボックスが押し下げられる問題が発生しています。返信ボックスにアクセスできません。

最小限のCSSに関連付けられたdivでラップされています。

The image is a screenshot from a smartphone displaying a conversation within a social media app. (Captioned by AI)
The image is a screenshot from a smartphone displaying a conversation within a social media app. (Captioned by AI)750×1334 160 KB

2

divを削除して画像だけを残そうとしましたが、問題は解決しませんでした。

3

チャットの初期ロード時に、チャットボックスがヘッダーコンテンツの下に強制的に押し込まれます。その後ブラウザを更新すると、スクロールしてチャンネルを表示できるようになりますが、PMは完全に固定され、スクロールできません。

Discourse Hubアプリでは完全に壊れています。

4

広告を削除できません。回避策はありますか？

5

こんにちは :waving_hand: チャットで広告を非表示にできないのはなぜですか？広告をそこに表示させたいからですか、それとも技術的な理由ですか？CSSでチャットとは別にターゲット設定できるはずです。

以下のような感じです。
your-ads-class を house-ad をターゲットできるクラスに変更してください。

body.has-full-page-chat {
  .your-ads-class {
    display: none;
  }
}
「いいね！」 3
6

はい、広告を表示する必要があります。

本当にありがとうございます。助かりました。CSSは完璧に機能します:ok_hand:

「いいね！」 2
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.