移动端的聊天框和头部内容问题

支持
1

Discourse 3.4.0.beta1-dev
iPhone SE 2020

我在移动设备上看到一个问题，即聊天框被推到下方，如果标题后面有内容的话。在我的例子中，有 2 个广告，如下图所示，我无法访问回复框。

用带有最少相关 CSS 的 div 包裹。

智能手机截图，显示社交媒体应用中的对话。(由 AI 标注)
智能手机截图，显示社交媒体应用中的对话。(由 AI 标注)750×1334 160 KB

2

尝试移除 div 并只保留图像，但问题仍然存在

3

首次加载聊天时，聊天框会被强制置于“After Header”内容下方。如果您随后刷新浏览器，可以通过滚动查看频道，并且私信完全固定，无法滚动。

在 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.