Acabamos de ter nomes de categorias especialmente verbosos que revelaram isso:
Talvez uma largura máxima para esse elemento? Eu diria que é aceitável se o nome for cortado, já que o nome completo pode ser visto ao abrir o menu suspenso.
1 curtida
Olá Paulo,
Acho que deve ser truncado por padrão. Você usa algum CSS personalizado?
Edição: Sim, isso já está no CSS por padrão. Verifique seu CSS e adicione o seguinte caso esteja ausente.
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
}
1 curtida
Temos algum CSS personalizado, mas é bastante básico e não deveria afetar isso. Mesmo assim, desativei nosso tema personalizado usando o modo seguro e o problema persistiu.
Após mais alguns testes, percebi que isso só ocorre dependendo do espaço disponível. Alterando a largura da viewport disponível, funciona normalmente:
Ou, se as tags estiverem habilitadas no Discourse, também funciona:
Mas, se houver muito espaço para o campo de categoria (e se as tags não estiverem habilitadas), ele pode sobrepor a prévia.
1 curtida
Entendo o que você quer dizer e consigo reproduzir isso se eu excluir ou sobrescrever o max-width: 100%; nesta linha:
#reply-control .category-input .category-chooser {
display: flex;
flex: 1 0 auto;
max-width: 100%;
width: auto;
}
Caso contrário, o nome da categoria será truncado com ... no final.
1 curtida
Acho que corrigi isso no último mês… você atualizou o Discourse recentemente?
5 curtidas
Peço desculpas, deveria ter verificado se os testes foram aprovados antes de relatar. Você está certo, isso parece estar presente apenas na versão estável mais recente, então isso pode ser fechado.
1 curtida