新私信通知图标信封错位

用户体验
1

晚上好！

注意到当我在另一个论坛上收到私人消息时，:email: 图标偏离了绿色背景的中心，稍微偏右。
image

为确保这不是某个论坛特有的问题，我也在这里进行了测试。只有这个论坛稍微偏左 :squinting_face_with_tongue:

IMG_3699
IMG_3699220×180 15.4 KB

重现步骤：
1.) 发送一条私人消息给自己（或接收一条）
2.) 注意通知图标，信封图标不在中心。

这不是一个非常重要的问题，但现在我无法忽视它了 :upside_down_face:

2

我刚在私信里给你发了消息，你可以在 Meta 上复现吗？另外，你是在什么浏览器/设备组合上看到这个问题的？

3

您好，

是的，我在元（meta）上进行了测试，如报告所述：

在 Chrome 版本 122.0.6261.69 和运行 Safari 的 iPhone 13 Pro 上重现。

4

无法复现，Chrome，Android 13，三星 Galaxy A23

Screenshot_20240313_190229_Chrome
Screenshot_20240313_190229_Chrome344×118 12.6 KB

5

这是否特定于某个主题？如果您切换到其他主题，它是否仍然发生？

1 个赞
6

不同主题的结果：

  • Meta Branded：
    image
  • Central：
    image
  • Default：
    image

似乎所有主题都将 :email: 用作未读消息的图标。

可以看看其他人是否也能重现。

7

我的个人测试结果：

  1. 无论我在手机上尝试什么主题，它都对齐正确
  2. PC 结果：
    2.1. Accessible Contrast dark：
    image
    2.2. Air Theme：
    image
    2.3. Central：
    image
    2.4. Dark：
    image
    2.5. Default：
    image
    2.6. Default (full-width)：
    image
    2.7. Discourse Classic：
    image
    2.8. Fully：
    image
    2.9. Ghost：
    image
    2.10. Graceful：
    image
    2.11. Grey Amber：
    image
    2.12. Material Design：
    image
    2.13. Meta Branded：
    image
    2.14. Minima Dark：
    image
    2.15. Redditish：
    image
    2.16. Sam’s Simple Theme：
    image
  3. 如果我将 svg 的宽度从 1em 调整到 1.1em（手动 CSS 调整），它在我的 PC 上看起来是居中的：
    image
1 个赞
8

奇怪。我稍后会做进一步调查！

1 个赞
11

好的，我在另外两个我参与的 Discourse 社区进行了测试。结果如下。

DevSupport 使用默认的深色主题，而 Goat Sim 3 论坛使用特殊主题。两者都在 iPhone 13 Pro 上测试，这次使用的是 iOS 版 Chrome。

所以，似乎是默认配色方案导致了这个问题？但不确定为什么 @Firepup650 你无法重现 :thinking:

编辑：测试了头像是否会对 Goat Sim 3 论坛产生影响。没有。