支持将 Banner 置于主内容上方,而非侧边栏上方

在我尝试用大量代码攻击它之前,我想知道是否可以将横幅强制放置在页面容器内,而不是将其放在侧边栏下方?

3 个赞

您可以查看 插件出口位置主题组件 来了解可以轻松添加内容的位置。

不过,这只会在您创建自己的组件或分支此组件时有所帮助。

2 个赞

我刚开了一个 PR,它将添加一个插件插槽设置,以便可以这样显示:

@tshenry 你有空的时候可以试一下然后合并吗? DEV: plugin outlet setting for sidebar, prettier by awesomerobot · Pull Request #15 · discourse/discourse-versatile-banner · GitHub

6 个赞

非常感谢您以及您所做的所有出色工作,@awesomerobot :slight_smile:

3 个赞

看起来很棒 :star_struck: 谢谢 @awesomerobot

PR 已合并!

4 个赞

测试并运行顺利!

3 个赞

完美运行!:+1:

3 个赞

只是一个快速说明 - 此组件在桌面视图的标题下方似乎留有顶部边距的空白 - 在未启用它的视图中(例如:如果“仅限会员显示”被禁用),它在导航栏上方也很明显。

要重现,请在桌面视图中转到类别或主题列表页面,并比较组件启用或禁用时的状态 - 顶部边距会增加约 25 像素。在未为会员启用横幅的视图中也可以看到这一点(我暂时在通用 CSS 中为 main-outlet 添加了一个 top-margin 校正器)。

2 个赞

在移动视图中我也观察到了同样的情况。禁用此 TC 可以修复空白,因此原因肯定在这里。

2 个赞

供您参考,您可以将此添加到用于格式化横幅的通用 CSS 中。我使用类似的方法来格式化我的多功能横幅,以暂时修复它。

// * 补偿多功能横幅顶部的边距偏移 *

#main-outlet {
  margin-top: -25px;
}
2 个赞

4 篇帖子已合并到现有主题:Versatile Banner