Pessoalmente, não acho esses elementos muito pequenos no mobile. Na verdade, eu toco na categoria e nas tags na lista de tópicos com frequência, apenas para me encontrar no título do tópico em vez disso, tendo que repetir a mesma ação novamente, o que finalmente me leva à visualização da categoria/tag.
Acho que toda a alteração feita por @awesomerobot pode ser substituída por CSS. Talvez tente um componente de tema no seu site por algumas semanas e retorne com a alteração de CSS que você recomenda?
Eu já tentei isso em um componente de tema usando o CSS acima, mas não pareceu funcionar.
Meu servidor de produção ainda não foi atualizado para a versão mais recente e tanto a categoria quanto as tags não são clicáveis lá.
Mas eu também tentei isso no staging usando a build mais recente e algo deve ter mudado recentemente, porque a categoria é clicável agora, mas as tags não são.
Por uma questão de consistência, você concorda que ambos os elementos desempenham funções semelhantes e devem funcionar da mesma maneira desde o início?
Claro, eu não me importaria de corrigir isso usando CSS, mas não parece funcionar para mim (tentei tanto na produção quanto no staging).
Hmm, parece que algo pode ter regredido… o que vejo agora no iOS é que as categorias levam para a página da categoria e as tags são uma zona morta (portanto, elas nem clicam para o tópico). Posso investigar isso. Esse CSS também está desatualizado… no momento seria (atualizarei essa postagem):
Eu definitivamente entendo o desejo por consistência, mas tocar acidentalmente em uma categoria ou tag em vez de um tópico, ou tocar na categoria/tag errada é muito fácil… e é uma experiência particularmente ruim na lista de tópicos, onde entrar em um tópico é a ação principal.
O tamanho mínimo recomendado para um elemento tocável em um dispositivo móvel é geralmente em torno de 45px quadrados, e teríamos que quase dobrar a altura das categorias e tags para chegar lá. Isso é possível se as categorias e tags forem limitadas a uma única linha, mas muitos sites têm conteúdo suficiente aqui para quebrar… e um espaçamento como este não seria bom:
Eu poderia imaginar redesenhar categorias e tags para usar algum tipo de estilo mais parecido com botões para garantir tamanhos de toque adequados, mas essa seria uma grande mudança que gostaríamos de implementar em todo o Discourse.
Obrigado pelo CSS atualizado, ele funciona na última versão.
Estranhamente, essa não é minha experiência no celular. Talvez seja por causa do meu uso com a mão direita, mas sempre achei muito mais difícil tocar no título do tópico do que em qualquer outro elemento.
Eu uso principalmente o polegar direito para navegar e é quase impossível tocar acidentalmente em categorias e até mesmo em tags na maioria das vezes, mas tocar no próprio título às vezes acontece (devido ao alinhamento à esquerda do texto e quebra de linha devido à largura estreita da tela, há a maior parte do tempo espaço negativo à direita).
Felizmente, o Componente de Tema de Tópico Clicável melhorou vastamente a navegação no celular para mim, onde agora uso quase exclusivamente o espaço negativo na lista de tópicos para navegar até o tópico em si, e uso os elementos de categoria e tag para filtrar rapidamente para a visualização de categoria ou tag (apenas para me surpreender, repetidamente, que não funciona ).
Não tenho certeza se isso está relacionado ao tamanho da tela, mas meu celular tem uma tela menor que 6’’ e eu nunca tive problemas para mirar nesses elementos.
E quando dentro do tópico, há ainda menos espaço entre o título do tópico e os elementos de categoria e tag, e tocá-los sempre esteve habilitado lá.
).