Personalmente, no encuentro que estos elementos sean demasiado pequeños en el móvil. De hecho, toco la categoría y las etiquetas en la lista de temas con frecuencia, solo para encontrarme en el título del tema en su lugar, teniendo que repetir la misma acción nuevamente, lo que finalmente me lleva a la vista de categoría/etiqueta.
Efectivamente, hay enlaces en las etiquetas en la vista móvil, pero al hacer clic en ellos no funcionan.
Tener el cursor y hacer clic en ellos a veces abre el tema de abajo:
Creo que todo el cambio de @awesomerobot es anulable con CSS. ¿Quizás intentes con un componente temático en tu sitio durante unas semanas y me digas qué cambio de CSS recomiendas?
Ya intenté esto en un componente temático usando el CSS anterior, pero no pareció funcionar.
Mi servidor de producción aún no está actualizado a la última versión y, tanto la categoría como las etiquetas no son tocables allí.
Pero también intenté esto en staging usando la última compilación y algo debió haber cambiado recientemente, porque la categoría es tocable ahora, pero las etiquetas no.
Por una cuestión de consistencia, ¿estás de acuerdo en que ambos elementos cumplen funciones similares y deberían funcionar de la misma manera desde el principio?
Por supuesto, no me importaría arreglar esto usando CSS, pero no parece funcionar para mí (lo intenté tanto en producción como en staging).
Hmm, parece que algo pudo haber retrocedido… lo que veo ahora en iOS es que las categorías se abren a la página de categoría y las etiquetas son una zona muerta (por lo que ni siquiera hacen clic para ir al tema). Puedo investigar esto. Ese CSS también está desactualizado… por el momento sería (actualizaré esa publicación):
Entiendo definitivamente el deseo de consistencia, pero es muy fácil tocar accidentalmente una categoría o etiqueta en lugar de un tema, o tocar la categoría/etiqueta incorrecta… y es una experiencia particularmente mala en la lista de temas, donde entrar en un tema es la acción principal.
El tamaño mínimo recomendado para un elemento táctil en un dispositivo móvil es generalmente de aproximadamente 45 px cuadrados, y tendríamos que casi duplicar la altura de las categorías y etiquetas para llegar a eso. Esto es posible si las categorías y las etiquetas se limitan a una sola línea, pero muchos sitios tienen suficiente contenido aquí para que se ajuste… y un espaciado como este no sería bueno:
Podría imaginar rediseñar las categorías y etiquetas para usar algún tipo de estilo más parecido a un botón para garantizar tamaños de toque adecuados, pero sería un gran cambio que querríamos implementar en todo Discourse.
Gracias por el CSS actualizado, funciona en la última compilación.
Extrañamente, esta no es en absoluto mi experiencia en dispositivos móviles. Quizás sea por mi uso diestro, pero siempre me ha resultado mucho más difícil tocar el título del tema que cualquier otro elemento.
Principalmente uso mi pulgar derecho para navegar y es casi imposible tocar accidentalmente categorías e incluso etiquetas la mayor parte del tiempo, pero tocar el título en sí a veces lo hago (debido a la alineación a la izquierda del texto y al salto de línea debido al ancho estrecho de la pantalla, hay principalmente espacio negativo a la derecha).
Afortunadamente, Componente de Tema de Tema Clicable mejoró enormemente la navegación en dispositivos móviles para mí, donde ahora uso casi exclusivamente el espacio negativo en la lista de temas para navegar al tema en sí, y uso los elementos de categoría y etiqueta para filtrar rápidamente a la vista de categoría o etiqueta (solo para sorprenderme, una y otra vez, que no funciona ).
No estoy seguro de si esto está relacionado con el tamaño de la pantalla, pero mi móvil tiene una pantalla de menos de 6 pulgadas y nunca he tenido problemas para apuntar a esos elementos.
Y cuando estoy en el tema, hay aún menos espacio entre el título del tema y los elementos de categoría y etiqueta, y tocarlos siempre ha estado habilitado allí.
).