Hola a todos, he notado que los nombres de las etiquetas en el menú desplegable del filtro pueden pasar a la siguiente línea si son demasiado largos, lo cual es excelente para la capacidad de respuesta en dispositivos móviles. Sin embargo, los nombres de las categorías no parecen tener el mismo comportamiento. Cuando un nombre de categoría es demasiado largo, se desborda del contenedor del filtro, rompiendo el diseño en dispositivos móviles.
Aquí hay dos capturas de pantalla para ilustrar el problema:
Los nombres de categorías largos también se desbordan en la lista de temas. Debido a que es muy menor y ligeramente relacionado, lo dejaré aquí en lugar de crear un nuevo tema (siéntete libre de moverlo si es necesario):
Los nombres de las categorías deberían ser idealmente cortos y fue la primera vez que vi este comportamiento.
He agregado algunos ajustes para evitar esto
¡Avísanos si encuentras algún otro problema con nombres de categorías largos!
Esto también parece ser un problema con los nombres de las categorías en las publicaciones “Sugeridas” al final de un hilo.
Parece haber dos problemas separados pero relacionados:
- Si el tamaño de la ventana gráfica se reduce después de la carga inicial de la página, la tabla no se reduce correctamente:
Esto hace que table.topic-list se desborde del ancho de #main-outlet-wrapper
- Por separado,
h3.more-topics__browse-more a.badge-category__wrapperno se trunca (independientemente de si la página tenía el tamaño de un móvil en la carga inicial o se redujo), lo que también hace que la página sea demasiado ancha. Se puede forzar con unmax-width: 80vwo similar, pero eso podría tener consecuencias no deseadas en monitores más anchos.
Tengo la impresión de que todavía hay un problema con los nombres de categorías largos en las listas de temas.
Esto es lo que veo en CFL Forums. El nombre de la categoría está truncado, pero la fecha todavía está demasiado a la derecha.
Y también es un problema mencionar la categoría en el chat






