新着PM通知アイコンの封筒のずれ

こんばんは!

別のフォーラムでプライベートメッセージ(PM)を受け取った際に、:email: アイコンが緑色の背景に対して中央から少し右にずれていることに気づきました。
image

これが特定のフォーラムだけなのかを確認するため、ここでもテストしました。このフォーラムだけ、左に少しずれています :squinting_face_with_tongue:

再現手順:

  1. 自分自身にPMを送る(または受け取る)
  2. 通知アイコンに注目すると、封筒が中央からずれています。

これはそれほど重要な問題ではありませんが、一度気づいてしまうと気になってしまいます :upside_down_face:

Metaでも再現できますか?また、どのブラウザ/デバイスの組み合わせでこれを確認していますか?

こんにちは。

はい、レポートに記載されているとおり、ここでメタでテストしました。

Chrome バージョン 122.0.6261.69 および iPhone 13 Pro (Safari 実行) で再現しました。

再現できません。Chrome、Android 13、Samsung Galaxy A23

テーマ固有の問題でしょうか?別のテーマに変更した場合も、同様の問題は発生しますか?

「いいね!」 1

テーマごとの結果:

  • Meta Branded:
    image
  • Central:
    image
  • Default:
    image

未読メッセージのアイコンとして :email: が使用されているのは、すべてのテーマで同様のようです。

他のユーザーにも再現可能か確認できるかもしれません。

私の個人的なテスト結果です。

  1. スマートフォンで試したテーマに関係なく、正しく配置されています。
  2. PCの結果:
    2.1. アクセシブル・コントラスト・ダーク:
    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

奇妙ですね。後でさらに調査します!

「いいね!」 1

Ok、私が参加している他の2つのDiscourseコミュニティでテストしました。結果は次のとおりです。

DevSupportはデフォルトのダークテーマを使用していますが、Goat Sim 3フォーラムは特別なテーマを使用しています。どちらもiPhone 13 Proで、今回はChrome for iOSでテストしました。

したがって、デフォルトのカラースキームがこの問題を引き起こしているようです。しかし、なぜ@Firepup650さんが再現できないのかはわかりません🤔

編集:Goat Sim 3フォーラムでプロフィール写真が違いを生むかどうかをテストしました。いいえ。