Modernizando el tema Foundation

Así se ve en los productos con marca Foundation y Meta:

image image

Los contenedores del número y de la flecha deben tener el mismo tamaño.

2 Me gusta

No veo esto en el móvil. Supongo que es para escritorio, ¿verdad?

Gracias, investigué más: se debe al nuevo tema Foundation, que también se utiliza en Meta Branded, y ocurre tanto en escritorio como en móviles.

No estoy seguro de si debería moverse a Modernizing the Foundation theme o no.

1 me gusta

Tomé la decisión ejecutiva de hacerlo :wink:

3 Me gusta

Esto ya se ha solucionado y se actualizará pronto

3 Me gusta

En el tema oscuro, el estado active en ciertos botones (principalmente visible con la navegación por teclado, solo transitorio al usar el ratón o el tacto) es de color morado oscuro sobre un fondo oscuro y resulta molesto para la vista:
image

También el estado hover en rojo:
image

Pero lo peor es el botón de “peligro” con un fondo rojo y texto oscuro:
image

Quizás simplemente ajustar el valor de rojo o el brillo solucionaría los segundo y tercer puntos.

2 Me gusta

¿Esto es solo en este tema de meta?

Sí. Sobre la base:

activo
image

al pasar el cursor
image

peligro
image

Mejores contrastes que los de Meta Branded.

2 Me gusta

Esto sigue siendo así:

¿Hay algún plan para ajustar los bordes de los botones al usar la paleta de colores WCAG? Actualmente encuentro que el borde fino y muy claro es difícil de ver, por lo que en algunos lugares parece que solo hay iconos flotando en lugar de botones. Esto no era un problema con los botones sólidos de color gris anteriores.

También sentí algo similar cuando se eliminó la sombra debajo del encabezado y cuando se eliminó la línea de color en la parte superior del editor. Pero mientras que esas son zonas claras de mi pantalla, los botones están en diferentes lugares, lo que hace que el hecho de que sean difíciles de distinguir de su entorno sea aún más problemático para mí.

Los campos de texto en la configuración, por ejemplo, tienen un contorno más oscuro:

También noté que esto parece romper el estilo de la seguridad de categoría:

La selección de grupo para el próximo cambio también parece inusualmente grande en el nuevo diseño:


3 Me gusta

Creo que el tamaño del texto de la barra de navegación es demasiado pequeño en dispositivos móviles. La fuente de Sugerido/Relacionado también es demasiado pequeña.

Vea también

2 Me gusta

Creo que esto es claramente una cuestión de gusto, ya que yo pienso exactamente lo contrario respecto a lo antiguo frente a lo nuevo. Las fuentes y los botones de la antigua Foundation me parecen demasiado gruesos, mientras que los elementos más elegantes de la nueva Foundation se ven mucho mejor en la disposición general en comparación. No tengo ninguna queja sobre su uso funcional en escritorio o móvil, ni mis usuarios tampoco, desde que lo activé. :woman_shrugging:t2:

Creo que también podrías dar feedback a tus administradores y, quizás, ellos podrían crear otro tema con los cambios antiguos. Ampliar esas fuentes que indicaste no es difícil con CSS. O podrías usar una extensión de navegador de tipo Stylus para añadir tus propias modificaciones (yo hago eso en todos los sitios de Discourse que visito, incluido este).

4 Me gusta

Hay un pequeño espacio debajo del botón Relacionados


Se vuelve más evidente si se aumenta el tamaño de la fuente

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


2 Me gusta

Sí, por eso dije “algo así”, porque pueden tener otras cosas en marcha con su tema. Estaba usando Meta, no el foro de Rust. Lo revisaré por ti porque soy amable. Pero tengo que esperar a que haya elementos nuevos y sin leer para obtener el encabezado y pie de página completos. Asumo, por la captura de pantalla con el avatar, que se trata de la vista en móvil.

3 Me gusta

La peculiaridad es visible aquí

2 Me gusta

OK, este es un error de UX con el nuevo tema Foundation y el botón de temas relacionados con la IA inyectado. Las clases del botón son un poco diferentes y también hay un line-height extra que parece romper las cosas.

image

Pero esto lo arreglará un poco: se puede parchear ajustando el relleno (padding) y eliminando el line-height:

.more-topics__container .nav {
    font-size: larger;
    
    li .btn {
        padding: .5em;
        line-height: 0;
    }
}

escritorio:

móvil:

2 Me gusta

Para el menú de estado fijado, las opciones se superponen severamente:

3 Me gusta

La página de gestión de grupos de pestañas se muestra desordenada al abrirla en un navegador móvil - Contribución / Experiencia de usuario - Discourse Meta

¿Todavía es posible optar por no participar en este cambio aquí en Meta? No me he unido al grupo, pero parece que el cambio ya está habilitado para mí, lo que hace que apenas vea los bordes de los botones, aunque estoy utilizando la paleta WCAG.

2 Me gusta

No, ya no es optativo en Meta; el grupo ahora está obsoleto.

Pero puedes seguir reportando los problemas que notes, como sé que harás, para descubrir qué aún necesita ser pulido.

1 me gusta

Te equivocas. Esperaré a que se solucionen los problemas que he reportado hasta ahora, para que puedas centrarte exclusivamente en ellos :wink: En serio, no me parece muy lógico dedicar tiempo a anotar lo que noto cuando lo que escribí en febrero aún no ha sido atendido. Además, estoy seguro de que entenderás que no es muy divertido usar un sitio donde no se puede ver correctamente la interfaz. Es una lástima que la accesibilidad sea una prioridad tan baja para ti.

4 Me gusta