Icono de notificación de nuevo PM con sobre desalineado

UX
1

¡Buenas noches!

Noté que cuando recibo un MP en otro foro, el ícono :email: está descentrado del fondo verde, ligeramente hacia la derecha.
image

Para asegurarme de que esto no fuera específico de un foro, lo probé aquí también. Solo que este está ligeramente descentrado hacia la izquierda :squinting_face_with_tongue:

IMG_3699
IMG_3699220×180 15.4 KB

Para reproducir:
1.) Envíate un MP (o recíbelo)
2.) Observa el ícono de notificación, con el sobre descentrado.

Este no es un problema muy importante, pero ahora no puedo dejar de verlo :upside_down_face:

2

Te envié un mensaje privado aquí, ¿puedes reproducirlo aquí en Meta? Además, ¿qué combinación de navegador/dispositivo estás viendo?

3

Hola,

Sí, probé aquí en meta como se indica en el informe:

Reproducido en Chrome, versión 122.0.6261.69, así como en iPhone 13 Pro con Safari.

4

No se puede reproducir, Chrome, Android 13, Samsung Galaxy A23

Screenshot_20240313_190229_Chrome
Screenshot_20240313_190229_Chrome344×118 12.6 KB

5

¿Quizás sea específico de un tema? Si cambia a uno diferente, ¿sigue ocurriendo?

1 me gusta
6

Resultados en diferentes temas:

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

Parece ser el caso en todos los temas con el :email: como icono para mensajes no leídos.

Podría ver si otros pueden reproducirlo también.

7

Mis resultados de prueba personales:

  1. Independientemente del tema que pruebe en mi teléfono, está correctamente alineado
  2. Resultados de PC:
    2.1. Contraste accesible oscuro:
    image
    2.2. Tema Air:
    image
    2.3. Central:
    image
    2.4. Oscuro:
    image
    2.5. Predeterminado:
    image
    2.6. Predeterminado (ancho completo):
    image
    2.7. Discourse Classic:
    image
    2.8. Completamente:
    image
    2.9. Ghost:
    image
    2.10. Graceful:
    image
    2.11. Ámbar Gris:
    image
    2.12. Diseño Material:
    image
    2.13. Meta Branded:
    image
    2.14. Minima Oscuro:
    image
    2.15. Redditish:
    image
    2.16. Tema Simple de Sam:
    image
  3. Si ajusto el ancho del svg de 1em a 1.1em (ajuste manual de CSS), parece centrado en mi PC:
    image
1 me gusta
8

Extraño. ¡Investigaré más tarde!

1 me gusta
11

Ok, he probado en otras dos comunidades de Discourse en las que participo. Aquí están los resultados.

DevSupport usa el tema oscuro predeterminado mientras que el foro de Goat Sim 3 usa un tema especial. Ambos probados en iPhone 13 Pro, esta vez en Chrome para iOS.

Entonces, ¿parece que los esquemas de color predeterminados están causando este problema? Sin embargo, no estoy seguro de por qué @Firepup650 no puedes reproducirlo :thinking:

EDITAR: Probé para ver si la imagen de perfil hacía alguna diferencia en el foro de Goat Sim 3. No.