Versetzer Umschlag im neuen PM-Benachrichtigungssymbol

UX
1

Guten Abend!

Mir ist aufgefallen, dass das :email:-Symbol auf einem anderen Forum, wenn ich eine PN erhalte, nicht mittig auf dem grünen Hintergrund ist, sondern leicht nach rechts versetzt.
image

Um sicherzustellen, dass dies nicht nur auf ein Forum beschränkt war, habe ich es auch hier getestet. Nur dieses hier ist leicht nach links versetzt :squinting_face_with_tongue:

IMG_3699
IMG_3699220×180 15.4 KB

Zur Reproduktion:
1.) Senden Sie sich selbst eine PN (oder empfangen Sie eine)
2.) Beachten Sie das Benachrichtigungssymbol, bei dem der Umschlag nicht mittig ist.

Dies ist kein sehr wichtiges Problem, aber jetzt kann ich es nicht mehr übersehen :upside_down_face:

2

Ich habe dir gerade eine Direktnachricht geschickt. Kannst du das hier auf Meta reproduzieren? Auf welcher Browser-/Geräte-Kombination siehst du das?

3

Hallo,

Ja, ich habe hier auf Meta getestet, wie im Bericht angegeben:

Reproduziert unter Chrome, Version 122.0.6261.69, sowie auf einem iPhone 13 Pro mit Safari.

4

Kann nicht reproduzieren, Chrome, Android 13, Samsung Galaxy A23

Screenshot_20240313_190229_Chrome
Screenshot_20240313_190229_Chrome344×118 12.6 KB

5

Tritt es vielleicht nur bei einem Thema auf? Wenn Sie zu einem anderen wechseln, tritt es dann immer noch auf?

1 „Gefällt mir“
6

Ergebnisse zu verschiedenen Themen:

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

Scheint bei allen Themen der Fall zu sein, wobei das :email:-Symbol für ungelesene Nachrichten verwendet wird.

Könnte potenziell prüfen, ob andere dies ebenfalls reproduzieren können.

7

Meine persönlichen Testergebnisse:

  1. Unabhängig davon, welches Theme ich auf meinem Handy ausprobiere, ist es korrekt ausgerichtet
  2. PC-Ergebnisse:
    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. Wenn ich die Breite des SVG von 1em auf 1,1em ändere (manuelle CSS-Anpassung), ist es auf meinem PC zentriert dargestellt:
    image
1 „Gefällt mir“
8

Seltsam. Ich werde später weitere Nachforschungen anstellen!

1 „Gefällt mir“
11

Ok, ich habe auf zwei anderen Discourse-Communities getestet, in denen ich Mitglied bin. Hier sind die Ergebnisse.

DevSupport verwendet das Standard-Dark-Theme, während das Goat Sim 3-Forum ein spezielles Theme verwendet. Beide wurden auf dem iPhone 13 Pro getestet, diesmal mit Chrome für iOS.

Es scheint also, dass die Standard-Farbschemata dieses Problem verursachen? Ich bin mir jedoch nicht sicher, warum @Firepup650 es nicht reproduzieren kann :thinking:

EDIT: Getestet, ob das Profilbild auf dem Goat Sim 3-Forum einen Unterschied macht. Nein.