Olá a todos, notei que os nomes das tags no menu suspenso de filtro podem quebrar para a próxima linha se forem muito longos, o que é ótimo para responsividade móvel. No entanto, os nomes das categorias não parecem ter o mesmo comportamento. Quando um nome de categoria é muito longo, ele transborda o contêiner do filtro, quebrando o layout em dispositivos móveis.
Aqui estão duas capturas de tela para ilustrar o problema:
4 curtidas
Nomes de categorias longos também transbordam na lista de tópicos. Como é algo muito pequeno e ligeiramente relacionado, deixarei aqui em vez de criar um novo tópico (sinta-se à vontade para movê-lo, se necessário):
Os nomes das categorias devem, idealmente, ser curtos e foi a primeira vez que vi esse comportamento.
6 curtidas
Fiz alguns ajustes para evitar isso
Avise-nos se encontrar mais problemas com nomes de categorias longos!
3 curtidas
Isso também parece ser um problema com os nomes das categorias nas postagens “Sugeridas” na parte inferior de um tópico.
Parece haver dois problemas separados, mas relacionados:
- Se o tamanho da viewport for diminuído após o carregamento inicial da página, a tabela não encolhe corretamente:
Isso faz com que table.topic-list transborde a largura de #main-outlet-wrapper
- Separadamente,
h3.more-topics__browse-more a.badge-category__wrappernão é truncado (independentemente de a página ter sido dimensionada para celular no carregamento ou encolhida), o que também faz com que a página fique muito larga. Pode ser forçado com ummax-width: 80vwou algo próximo, mas isso pode ter consequências não intencionais em monitores mais largos.
1 curtida
Tenho a impressão de que ainda há um problema com nomes longos de categorias em listas de tópicos.
É o que vejo em CFL Forums. O nome da categoria é truncado, mas a data ainda está muito à direita.
E também é um problema mencionar a categoria no chat
1 curtida