Algunos comentarios sobre el nuevo radio de borde y relleno en CSS

Acabo de actualizar Discourse a la última versión y hay algunos problemas con el redondeo de los nuevos bordes CSS, especialmente en sitios con encabezados oscuros.

Aquí hay una captura de pantalla de un encabezado oscuro donde las piezas ya no encajan limpiamente:

Un borde redondeado contra una línea plana no se ve bien

Aquí está en este foro con un borde CSS rojo añadido para que quede más claro:

Lo mismo en este foro

Así es como se ve en un foro que aún no se ha actualizado. Creo que esto se ve mucho mejor con menos redondeo y con el relleno anterior (y sin redondeo donde una esquina toca una línea recta).

Creo que los bordes menos redondeados se veían mejor en general. Aquí hay otro ejemplo:

Aquí está la versión anterior para comparar (en mi opinión se ve mejor, aunque las esquinas exteriores podrían verse mejor con un radio de 2px):

Solo algunas sugerencias.

5 Me gusta

Gracias por señalar esto, alerté al equipo de diseño.

3 Me gusta

Algunas de estas cosas se han actualizado desde tu publicación.

Hemos añadido un poco de separación a los elementos de la barra lateral:

A nuestro panel de notificaciones se le ha eliminado el relleno. Esta es una dirección que nuestro equipo de diseño considera mejor que tener relleno alrededor de todos los elementos.

Esta esquina no debería tener redondeo aplicado. Lo abordaremos, gracias por informarnos.

1 me gusta

Este es solo un comentario, porque debería ser lo suficientemente fácil para mí cambiarlo en mis propios foros:

La falta de relleno ahí está bien. Puede ser solo cosa mía, pero cada vez que hago clic en el menú, mi cerebro dice: “algo no se ve bien”. Creo que es más el radio del borde que el relleno, porque parece que la caja que rodea el icono de usuario tiene un radio de 4px, pero el menú tiene un radio de 2 * 4px. Los botones en la barra lateral también son de 4px. Creo que se vería mejor si los bordes del menú fueran de 4px para que esté alineado con el resto de la página.

(Tus capturas de pantalla parecen indicar que todo podría ser 8px, pero creo que se ve demasiado redondeado. A menos que me equivoque, cuando cierro sesión veo un radio de 8px pero cuando inicio sesión veo 4px. Lo he probado en varios navegadores).


Editar: puede que estemos viendo cosas diferentes. No es un gran problema, porque puedo anular la variable, pero es esa esquina superior izquierda la que me parece rara cada vez que hago clic en ella en mis sitios. Quizás el redondeo más grande acerca el borde demasiado al texto, por eso mencioné el relleno en mi comentario anterior.

1 me gusta