모바일에서 채팅 박스와 헤더 아래 콘텐츠 문제

지원
1

Discourse 3.4.0.beta1-dev
iPhone SE 2020

모바일에서 헤더 아래(after header)에 콘텐츠가 있을 때 채팅 박스가 아래로 밀려나는 문제를 발견했습니다. 제 경우엔 아래 사진에 보이는 것처럼 광고 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

초기 채팅 로드 시 채팅 박스가 헤더 아래 콘텐츠 아래로 강제로 밀려 내려갑니다. 이후 브라우저를 새로고침하면 채널은 스크롤로 볼 수 있지만, DM은 완전히 고정되어 스크롤이 불가능합니다.

discourse hub 앱에서는 완전히 깨져 있습니다.

4

광고를 제거할 수 없는데, 우회 방법이 있나요?

5

안녕하세요 :waving_hand: 채팅에서 광고를 숨길 수 없는 이유는 무엇인가요? 광고를 표시하고 싶어서 그런 건가요, 아니면 기술적인 이유인가요? CSS를 사용하면 채팅만 별도로 타겟팅할 수 있습니다.

다음과 같은 방식으로 말이죠:
your-ads-class를 하우스 광고를 타겟팅할 수 있는 클래스로 변경하세요.

body.has-full-page-chat {
  .your-ads-class {
    display: none;
  }
}
6

네, 광고가 표시되도록 해야 해요.

정말 감사합니다. 구세주셨어요! CSS가 완벽하게 작동합니다 :ok_hand: