如何在帖子中显示靠后的门？

[Krischan]

感谢您提供的出色组件！是否可以将其显示在帖子的更下方？（我们的主题都以图片开头，我们希望显示大量文本，甚至定义一个主题中显示组件的位置。）任何提示（例如 CSS 技巧）都将不胜感激！

[Jonathan5]

是的，我也有类似的疑问——也许可以更改一个百分比设置。

[Canapin (Coin-coin le Canapin)]

@Krischan

（例如 CSS 技巧）

目前，内容是通过以下技术（以及其他技术）隐藏的：

• 滚动被禁用
• 页面的内容高度设置为 100%

你可以调整这些设置。例如：

body.topic-in-gated-category {
    height: 200%;
}

这将允许进一步滚动：

也许可以通过缩短蓝色区域（屏幕的 ¼ 或 ⅓）、缩短白色渐变等来使其更美观。

你也可以修改这个：

.topic-in-gated-category .post-stream {
    max-height: 150vh;
    overflow: hidden;
}

使用 CSS 选择要显示多少帖子是很棘手的，因为它们与小动作、时间间隔等处于同一级别。
所以，使用 CSS，例如：

.post-stream > *:nth-child(n+6) {
    display: none;
}

将不会总是显示相同数量的主题帖子。

[jaimemcc (Jaime McCutcheon)]

这看起来对我们的论坛非常有帮助。您能告诉我这段自定义代码应该添加到哪里吗？例如，是添加到组件的设置中还是主题 CSS 中？

提前表示感谢。

[Arkshine]

嗨 Jaime，

您的主题 CSS 或一个单独的组件 CSS——这两种选择都可以。使用组件可以轻松地将其附加到多个主题，这是首选方式。

[jaimemcc (Jaime McCutcheon)]

感谢 @Arkshine。在深入研究之后，我认为我需要克隆或 fork 这个组件的仓库，然后直接编辑公共 CSS，再将编辑后的版本导入 Discourse？这是正确的吗？

[Arkshine]

如果您想更改一些 CSS，可以通过 UI 轻松创建一个新组件。

1. 转到管理 → 自定义
2. 点击 安装
3. 然后选择 创建新。类型应为 组件。
   
   

就是这样！将其附加到您的主题；然后，您可以 编辑 CSS/HTML。

通常，如果您想为 Github 上的原始组件做出贡献（通过创建拉取请求）或想创建自己的版本，您会选择分叉。如果您这样做，您将不会收到原始组件的任何更新；这可能不是您想要的！

[jaimemcc (Jaime McCutcheon)]

再次感谢。我认为问题在于我的自定义组件中的 CSS 属性也存在于 GitHub 仓库的基础组件中。

除非有办法指定一个组件覆盖另一个组件，否则似乎有必要创建一个仓库的克隆并使用我编辑过的版本（正如您所说，它现在可以工作，但我不会收到更新）。

[Arkshine]

如果你的 CSS 没有覆盖原始组件，你可以在规则中追加 !important。这应该会起作用。

.topic-in-gated-category .post-stream {
    max-height: 150vh !important;
    overflow: hidden !important;
}

[jaimemcc (Jaime McCutcheon)]

@Arkshine

!important

这完美解决了问题，再次感谢您的帮助！