Enveloppe mal alignée dans la nouvelle icône de notification PM

UX
1

Bonsoir !

J’ai remarqué que lorsque je reçois un MP sur un autre forum, l’icône :email: est légèrement décentrée par rapport à l’arrière-plan vert, un peu trop à droite.
image

Pour m’assurer que ce n’était pas spécifique à un forum, j’ai testé ici aussi. Seul celui-ci est légèrement décentré vers la gauche :squinting_face_with_tongue:

IMG_3699
IMG_3699220×180 15.4 KB

Pour reproduire :
1.) Envoyez-vous un MP (ou recevez-en un)
2.) Remarquez l’icône de notification, avec l’enveloppe décentrée.

Ce n’est pas un problème très important, mais maintenant je ne peux plus le voir autrement :upside_down_face:

2

Je viens de vous envoyer un message privé ici, pouvez-vous le reproduire ici sur Meta ? De plus, quel navigateur/appareil utilisez-vous ?

3

Bonjour,

Oui, j’ai testé ici sur meta comme indiqué dans le rapport :

Reproduit sur Chrome, version 122.0.6261.69, ainsi que sur iPhone 13 Pro sous Safari.

4

Impossible à reproduire, Chrome, Android 13, Samsung Galaxy A23

Screenshot_20240313_190229_Chrome
Screenshot_20240313_190229_Chrome344×118 12.6 KB

5

Est-ce peut-être spécifique à un thème ? Si vous passez à un autre, cela se produit-il toujours ?

1 « J'aime »
6

Résultats sur différents thèmes :

  • Marque Meta :
    image
  • Central :
    image
  • Par défaut :
    image

Cela semble être le cas sur tous les thèmes avec l’icône :email: pour les messages non lus.

Pourrait potentiellement voir si d’autres peuvent reproduire également.

7

Mes résultats de test personnels :

  1. Quel que soit le thème que j’essaie sur mon téléphone, il est correctement aligné
  2. Résultats sur PC :
    2.1. Contraste accessible sombre :
    image
    2.2. Thème Air :
    image
    2.3. Central :
    image
    2.4. Sombre :
    image
    2.5. Par défaut :
    image
    2.6. Par défaut (pleine largeur) :
    image
    2.7. Discourse Classique :
    image
    2.8. Entièrement :
    image
    2.9. Ghost :
    image
    2.10. Graceful :
    image
    2.11. Gris Ambre :
    image
    2.12. Material Design :
    image
    2.13. Marqué Meta :
    image
    2.14. Minima Sombre :
    image
    2.15. Redditish :
    image
    2.16. Thème simple de Sam :
    image
  3. Si j’ajuste la largeur du svg de 1em à 1,1em (modification CSS manuelle), il semble centré sur mon PC :
    image
1 « J'aime »
8

Étrange. Je vais enquêter davantage plus tard !

1 « J'aime »
11

Ok, j’ai testé sur deux autres communautés Discourse auxquelles je participe. Voici les résultats.

DevSupport utilise le thème sombre par défaut tandis que le forum Goat Sim 3 utilise un thème spécial. Les deux ont été testés sur iPhone 13 Pro, cette fois sur Chrome pour iOS.

Il semble donc que les thèmes de couleurs par défaut soient à l’origine de ce problème ? Je ne suis pas sûr cependant pourquoi @Firepup650 tu ne peux pas le reproduire :thinking:

EDIT : J’ai testé pour voir si la photo de profil faisait une différence sur le forum Goat Sim 3. Non.