更新后布局奇怪

Discourse 最新版本更新有人遇到问题吗?我所有的分类缩略图都变形了。我只自定义了主页,但即使在分类页面上,它们也都是歪斜的。
我该如何更改?

2 个赞

没人?
Laugh Lol GIF by PG Tips

1 个赞

也许您已经修复了,但当我匿名访问时,它看起来还可以:

2 个赞

我认为有一个更新添加了一个新功能(深色/浅色类别徽标),这可能会影响某些自定义设置。我还不完全确定如何修复它,但我在打听。 :+1:

(不过希望 @renato 说得对,它已经神奇地自行修复了 :crossed_fingers:

3 个赞

我看到这里的图片在 Chrome 上看起来像 @renato 的截图,但在 Safari 上看起来像 OP 的截图。这肯定是一个回归,对此我们深表歉意。看起来您没有任何自定义设置,但您确实有一些非常大的图片作为类别徽标,例如 OP 中的那张是 2657x2657。

因此,有两种解决方法:

  1. 上传更小的图片。您可以尝试使用 150x150 的图片,那应该效果不错。(这样也可以通过更小的图片加快页面加载速度。)
  2. 如果您不想重新上传图片,可以在主题组件中尝试使用此 CSS 规则:
body .category-logo.aspect-image {
  max-width: 150px;
}
3 个赞

在 Chrome 上看起来还可以,但在 Safari 上不行。有什么想法为什么会这样吗?我尝试过 max-width 修复,但无效。还上传了 450 像素的方形小图片,但仍然不行。

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
  }
}
3 个赞

肯定不只是我一个人。不过我不明白这个解决方案(因为我是个彻头彻尾的新手)。有没有什么地方可以让我找到更多关于我需要在哪里实现这个解决方案的信息?谢谢。

您好,欢迎您,@Richard :slightly_smiling_face:

您可以通过创建小型主题组件并将其附加到您的主题来为您的网站添加额外的代码片段:

  • 转到 /admin/customize/themes
  • 点击 install 然后点击 create new
  • 给它起个名字,然后选择‘component’。
  • Create
  • 将其添加到您的主题
  • 点击 Edit CSS/HTML 按钮并将代码粘贴到 Common tab
  • 然后保存。:+1:
3 个赞

我认为已经为这个问题添加了一些修复程序,因此您可以在更新后删除自定义代码。 :+1:

2 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.