Icona busta disallineata nella notifica nuovo PM

UX
1

Buonasera!

Ho notato che quando ricevo un PM su un altro forum, l’icona :email: è leggermente decentrata rispetto allo sfondo verde, spostata un po’ a destra.
image

Per assicurarmi che non fosse specifico di un forum, ho testato anche qui. Solo questo è leggermente decentrato a sinistra :squinting_face_with_tongue:

IMG_3699
IMG_3699220×180 15.4 KB

Per riprodurre:
1.) Inviati (o ricevi) un PM
2.) Nota l’icona di notifica, con la busta decentrata.

Non è un problema molto importante, ma ora non riesco a non vederlo :upside_down_face:

2

Ti ho appena inviato un messaggio privato qui, puoi riprodurlo qui su Meta? Inoltre, quale combinazione di browser/dispositivo stai utilizzando?

3

Ciao,

Sì, ho testato qui su meta come indicato nel report:

Riproducibile su Chrome, versione 122.0.6261.69, così come su iPhone 13 Pro con Safari.

4

Impossibile riprodurre, Chrome, Android 13, Samsung Galaxy A23

Screenshot_20240313_190229_Chrome
Screenshot_20240313_190229_Chrome344×118 12.6 KB

5

È forse specifico di un tema? Se passi a un altro, si verifica ancora?

1 Mi Piace
6

Risultati su temi diversi:

  • Marchio Meta:
    image
  • Centrale:
    image
  • Predefinito:
    image

Sembra essere il caso su tutti i temi con l’:email: come icona per i messaggi non letti.

Potrebbe essere utile verificare se anche altri riescono a riprodurre il problema.

7

I miei risultati di test personali:

  1. Indipendentemente dal tema che provo sul mio telefono, è correttamente allineato
  2. Risultati PC:
    2.1. Contrasto accessibile scuro:
    image
    2.2. Tema Air:
    image
    2.3. Centrale:
    image
    2.4. Scuro:
    image
    2.5. Predefinito:
    image
    2.6. Predefinito (larghezza intera):
    image
    2.7. Discourse Classic:
    image
    2.8. Completamente:
    image
    2.9. Ghost:
    image
    2.10. Grazioso:
    image
    2.11. Grigio Ambra:
    image
    2.12. Material Design:
    image
    2.13. Marchio Meta:
    image
    2.14. Minima Scuro:
    image
    2.15. Redditish:
    image
    2.16. Tema Semplice di Sam:
    image
  3. Se modifico la larghezza dell’svg da 1em a 1.1em (modifica CSS manuale), sembra centrato sul mio PC:
    image
1 Mi Piace
8

Strano. Farò ulteriori indagini più tardi!

1 Mi Piace
11

Ok, ho testato su altre due community di discourse in cui faccio parte. Ecco i risultati.

DevSupport utilizza il tema scuro predefinito mentre il forum di Goat Sim 3 utilizza un tema speciale. Entrambi testati su iPhone 13 Pro, questa volta su Chrome per iOS.

Quindi, sembra che gli schemi di colori predefiniti stiano causando questo problema? Non sono sicuro, però, perché @Firepup650 non riesci a riprodurlo :thinking:

EDIT: Ho testato per vedere se l’immagine del profilo facesse la differenza sul forum di Goat Sim 3. No.