Na visualização móvel, a lista de tópicos tem preenchimento extra ao redor do título, quando os usuários tentam clicar na tag, é difícil clicar na tag em si.
2 curtidas
Em um momento, aumentamos intencionalmente o preenchimento do título para torná-lo um alvo de clique maior (grande o suficiente para cobrir a categoria/título para que estes cliquem no tópico em vez disso)… mas parece que isso regrediu.
Pode valer a pena tentar tornar a categoria/tag alvos maiores para que sejam realmente utilizáveis. Vou dar uma olhada.
4 curtidas
Isso foi intencional. O @schleifer disse que nunca tocou nesses campos (tag, categoria) no celular, então fizemos do título basicamente a única coisa que você pode tocar na lista de tópicos para celular. Se vamos mudar isso, deveríamos discutir primeiro.
2 curtidas
Acho um pouco estranho se as categorias e tags puderem ser clicadas no desktop, mas não no mobile. E se houver usuários que queiram verificar no mobile, eles pensarão que o site está com defeito, já que ao tocar e segurar no título, é óbvio que quando ativo o preenchimento fica cinza e cobre o título e metade da linha de categorias/tags. É um design de UI incomum do meu ponto de vista.
Além disso, de acordo com minha análise do GA, mais de 80% dos usuários acessam minha comunidade pelo mobile, não posso dizer o mesmo para o meta, mas acredito que há uma grande chance de meu usuário clicar nessas tags no mobile.
1 curtida
Sim, definitivamente, ainda pode não fazer sentido, mas pensei em dar uma olhada novamente e ver se é viável.
3 curtidas
Sim, eu mexi um pouco nisso e esses links são pequenos demais para serem clicáveis pela maioria dos padrões de usabilidade móvel.
Dito isso, podemos fazer um trabalho melhor em capturar esses cliques e parar de depender dessa sobreposição de CSS que temos feito… sempre foi um pouco frágil, dependendo do conteúdo, e não funciona bem em todos os temas.
Eu fiz uma tentativa de usar JS em vez disso (baseado em Clickable Topic):
Isso também adicionará a capacidade de tornar os itens da linha inferior clicáveis novamente com um pouco de CSS:
CSS antigo como referência
.mobile-view .topic-list .topic-item-stats {
pointer-events: all;
}
Atualização: este CSS mudou um pouco
.topic-list .topic-item-stats__category-tags {
.discourse-tag,
.badge-wrapper {
pointer-events: all;
}
}
9 curtidas