更新将单个版块的横幅缩小到很小的尺寸，如何恢复？

支持
1

20分钟前更新到最新版本后，各个部分中的所有横幅都变成了一个奇怪的框，并且缩小到难以置信的小尺寸。如果还有文字，文字的大小是可读的（尽管这也经过了重新设计）。除了升级之外，我没有更改任何设置

Screenshot 2025-08-08 042512
Screenshot 2025-08-08 0425121179×121 2.09 KB

现在查看设置，它说需要1:1的纵横比，这“推荐”一直都是这样，还是有变化？我觉得它以前不是这么说的，但我不确定。它肯定不是必需的。因为我所有的都与主网站上的匹配，主网站上的设计明显是矩形的。强行做出这样的改变是很糟糕的，我制作了大约40个独一无二的横幅。

2

“独立版块横幅”是什么意思？

3

“类别徽标”每个面板都有一个。此网站有一个巨大的粉红色框，上面写着“支持”。

4

那么，您是遇到了分类横幅组件（使用分类颜色，就像 Meta 上的“支持”一样）的问题，还是 Discourse 核心在您上传分类图片时显示的分类描述和图片的问题？

显示两个横幅的屏幕截图
显示两个横幅的屏幕截图1777×979 158 KB

您尝试过安全模式吗？

1 个赞
5

分类标题最近被重新设计了，UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub

您可以使用一些 CSS 来更改图片大小，也许以下方法会有所帮助：

.category-heading__logo.category-logo.aspect-image {
  width: auto;
  height: 100px;
}
3 个赞
6

这与我所做的无关，在最近的几次更新中，核心部分被更改了，我没有使用任何插件。整个设计都被改变了。我不知道该如何更好地解释，也没有旧样式的截图，但任何见过两者的人都会知道我在问什么。整个标志的比例都变了，文本的显示方式也不同了，现在被框起来了。这完全破坏了我们使用默认选项的方式。

编辑：您可以在上面链接的截图中看到 UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub 旧样式在左边，除了不需要（或不要求）标志使用 1:1 的比例，而且整个格式都不同了。现在它强制将所有标志都变成一个缩小了的正方形，并重新格式化了整个内容，使文本成为主要特征，这对我们来说完全是毁灭性的。

如果最初说明使用 1:1 的比例，那就不是问题了，但它没有，所以我们为每个部分制作了主横幅图像（而不是方形标志）的单独版本，保持了相同的形状和设计。

这似乎会起作用，我只需要调整一下大小，谢谢！

编辑：它在移动设备上不起作用，因为它会将文本推到框外，并水平拉伸页面。我用以下代码解决了这个问题：

@media (max-width: 768px) {
  .category-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3em; /* 在徽标和文本之间添加最小间距 */
  }

  .category-heading__logo.category-logo.aspect-image {
    height: 140px;
    width: auto;
    margin-bottom: 0; /* 删除额外的间距 */
  }

  .category-heading__title {
    font-size: 1.4em;
    margin-top: 0; /* 防止文本上方出现额外的间距 */
  }
}

这会将文本推到徽标下方。如果其他人需要……

2 个赞