最近更新后类别徽标图像被文本覆盖

在最近一次更新(几周内)之后,所有类别图片现在都覆盖了文字。该网站运行的是 2.9.0 beta 10 版本,并使用 vanilla 主题,没有插件。

这发生在所有设备上,示例如下:

有时重叠会包含一两个帖子标题。我无法在此处链接该网站,因为它仅对订阅会员可见。

最近有一些关于此问题的报告,我认为这与新的浅色/深色类别徽标功能有关。此主题中有几个建议的修复方法:

1 个赞

您好,

这些天此部分有一些更新。FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHubFIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub

您可以尝试更新您的站点吗?这应该可以解决问题。:slightly_smiling_face:

1 个赞

我已经更新到最新的 2.9.0 beta 10。这应该能解决这个问题吗?我是从用户界面更新的。

这解决了我们现有的风景类别图片,但没有解决肖像类别图片。肖像的尺寸为 638 x 1024,在这个时代似乎并不大 :slightly_frowning_face:

1 个赞

抱歉,也许我误解了

这些更新是一两天前发布的。所以如果你是几周前更新的,你的 Discourse 版本可能不包含这些。


你能分享你的网站网址让我检查一下吗,如果它是公开的话?:slightly_smiling_face:

问题是最近发生的,但网站是最新的。它不是公开的。

1 个赞

您也可以从仪表板复制粘贴确切的版本号,如果您无法分享链接。:+1:

2 个赞
2 个赞

看起来您已经包含了那些修复。可能存在一种情况,宽度已被考虑在内,但高度未被考虑。:thinking: 对团队的大多数人来说现在是周末,但我看到 @Don 正在打字,希望他能在此期间神奇地修复一个社区问题。:crossed_fingers: :slight_smile:

1 个赞

您能尝试在安全模式下进行吗?不幸的是,我在我的测试站点上无法重现它。在看不到它的情况下,我最好的建议是某个组件中的自定义代码导致了它。

1 个赞

安全模式下没有变化。该网站是原生的,除了几个社交登录插件。

@Amicable 我也无法重现此问题。我截取了您图像的屏幕截图并将其上传到本地类别,布局看起来没问题:

您原始图像的尺寸是多少?

我看到您发布的图像尺寸为 638x1024,我使用的尺寸为 770x1144,非常相似。

也许可以再尝试一次重建?如果不行,您能否分享您正在使用的所有插件列表?有可能其中某个插件覆盖了类别模板,这可能会与核心中的更新样式发生冲突。

也许这与通过 Web 界面升级有关。我以前在 CSS 问题上遇到过这种情况。也许旧的样式表又在持续存在?

我运行的唯一插件是 docker manager。

我又不在家了,直到本周晚些时候回来才能在服务器上进行升级。今天的 Web UI 升级并没有解决问题。

也许值得我重申一下,景观类别图像的 CSS 修复已应用并生效。

1 个赞

我在 CSS 组件修复中添加了一行,用于处理纵向类别图像。因此,类别图像 CSS 组件现在如下所示:

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

这暂时解决了我的问题,尽管仍然存在通过 Web UI 升级时样式表持久存在的问题。

@pmusaraj 如果您告诉我需要检查 CSS 的哪个部分来验证这种奇怪的行为,我将回复。我也可以通过私信提供登录信息,您以前也用过。

快速更新以关闭此问题。我最近删除了 CSS 组件修复,问题已不再存在。我不确定是哪个推送解决了它,但它应该是在 10 月份和现在之间 Discourse 团队的一次升级。

1 个赞

感谢更新。:+1: 遗憾的是我们未能找到根本原因,但我很高兴问题已解决。:slight_smile:

此主题已在 2 天后自动关闭。不再允许回复。