Por favor, diga-me o que mudar nos arquivos para alterar a localização das tags.
Acho que o título deve vir primeiro.
Antes:
Depois:
4 curtidas
Obrigado por este excelente TC. A aparência é realmente moderna, simples e elegante.
Uma pergunta e solicitação:
A exibição dos resultados da pesquisa também pode ter a mesma aparência? Seria muito bom se a exibição dos resultados da pesquisa fosse a mesma da exibição do TC, considerando que nossos usuários usam muito o recurso de pesquisa.
Mais uma vez, muito obrigado por este trabalho.
2 curtidas
Seria legal, mas infelizmente é uma área completamente diferente do aplicativo. Portanto, não é possível simplesmente aplicá-la lá também. Seria basicamente um componente totalmente novo para conseguir isso.
3 curtidas
@chapoi Como posso reduzir o tamanho da imagem e a área do assunto?
os cartões de tópico são muito grandes
1 curtida
É um componente de tema realmente ótimo, posso sugerir algumas melhorias, incluindo a adição de uma página de configurações para editar o seguinte:
- Valor da configuração de cantos arredondados ou desativado
- Valor da configuração de sombra ou desativado
- Configuração de ativação/desativação de Respostas, Visualizações e Atividade
- Mostrar pôsteres verdadeiro ou falso
3 curtidas
Apenas quero compartilhar caso mais alguém ache útil:
Para mim, tive o mesmo problema com a altura máxima do cartão do tópico não sendo grande o suficiente se houver uma miniatura – ao instalar isso como um componente de tema no tema Minima.
Este é o CSS relevante que usei para corrigi-lo:
// Aumenta a altura máxima para cartões de tópico com miniatura
.topic-card:has(.topic-card__thumbnail) {
max-height: 275px;
}
(A altura padrão parecia ser 210px quando verifiquei no inspetor)
Pode precisar de ajustes, no entanto – não verifiquei em larguras de dispositivos móveis.
Antes
Depois
4 curtidas
Eu estava pensando se isso poderia ser configurado para escolher quais categorias usam o cartão de tópico. Seria ótimo se isso fosse usado em Theme, pois as miniaturas de tópico não são tão amigáveis no celular.
Componente muito bom
3 curtidas
Sim, é isso que eu quis dizer com o que disse antes: dependendo de outros parâmetros, 210px pode ser muito pequeno, ou 275px pode ser muito grande. É difícil ter uma solução única para todos.
Talvez eu adicione mais algumas configurações (como escolher por categoria, conforme solicitado por @Heliosurge), incluindo talvez uma configuração de tamanho máximo para que cada fórum possa brincar com ela.
5 curtidas
- E quanto ao deslizar a foto para a direita?
O posicionamento com e sem a foto é diferente e inconsistente. - Parece que o texto inferior tende a ser cortado, pois parte do conteúdo é exibido.
3 curtidas
Eu estava pensando em como este componente de tema se parece em Air Theme, também combinando tópicos com e sem imagens. Parece promissor, mas ainda não está lá. Talvez apenas CSS possa corrigir os problemas ou talvez seja necessário um trabalho mais profundo.
Parece bom no celular!
Vou desinstalá-lo por enquanto, mas ficarei de olho neste tópico porque parece muito bom como pretendido.
E sim, seria uma boa adição pegar a imagem da categoria quando o tópico não tem uma imagem própria.
3 curtidas
O que seria necessário para o componente Topic Cards mostrar não apenas os 
s de um tópico (como já faz agora), mas também visualizações e comentários, como o oficial Topic List Thumbnails no modo blog faz?
Topic List Thumbnails
Topic Cards
Além disso, acho que o uso da data da última atividade pelo Topic List Thumbnails (“1d” acima) é melhor do que a data de “Publicado” do Topic Card. A data de atividade é consistente com o padrão do Discourse e fornece mais informações aos usuários. Além disso, a implementação do design se encaixa muito bem ao lado de visualizações, curtidas e posts.
Caso se importe, aqui estão alguns pensamentos adicionais após muitas horas testando combinações entre o tema Padrão, Air Theme, Topic Cards e Topic List Thumbnails, além de bastante ajuste de CSS.
Estou optando por Topic Cards + tema Padrão, incrementado com o Modern Category + Group Boxes, que traz cards para categorias e se encaixa com os topic cards.
Razões:
- O Topic Cards lida elegantemente com posts com e sem imagens.
- O tema Air é muito legal, mas Topic Cards mais Modern Category já chegam perto.
- Permanecer com o tema Padrão garante compatibilidade com qualquer componente de tema oficial pronto para uso.
3 curtidas
Ok, talvez esta pergunta seja mais simples: 
Atualmente, os tópicos sugeridos no final de qualquer página também mostram os tópicos como cartões. Embora eu adore os cartões nas páginas principais, acho que eles são exagerados no final de todas as páginas e distraem do conteúdo ou discussão real da página.
Existe alguma maneira de mostrar uma lista simples de tópicos sugeridos (o mais próximo possível do tema padrão) sem afetar os cartões de tópico nas páginas principais?
2 curtidas
No momento, não. Mas é uma boa pergunta, na minha opinião, então você sempre pode tentar fazer uma solicitação de recurso para isso e talvez ela seja atendida dessa forma.
3 curtidas
Ok, obrigado. Feito, também para o meu outro pedido acima:
- Don't show Topic Cards' style in the Suggested topics
- Add icons for Views and Replies, and Last Activity date in Topic Cards
E a propósito, ontem tentei isto, porque me deparei com o mesmo problema de conteúdo saindo das caixas:
Isso não bagunçou a visualização móvel? Acabei de tentar e bagunçou no meu caso.
3 curtidas
Vou dar uma olhada nisso. No mínimo, adicionarei uma configuração para a altura, para facilitar o ajuste. Definirei um lembrete para não me esquecer.
5 curtidas
Algumas observações que podem ajudar a limitar a altura dos cartões de tópico. Não testei isso completamente, mas parece que…
- Embora a descrição seja sempre limitada a três linhas, o título pode saltar para duas linhas ou mais. É relativamente fácil um título precisar de uma segunda linha, e o design poderia levar isso em conta.
- Quando há muitas tags e elas não cabem ao lado da categoria, todas saltam para uma nova linha abaixo. Seria mais natural e eficiente em termos de espaço se as tags sempre começassem a renderizar ao lado da categoria, e então as tags que não coubessem na primeira linha fluíssem para a segunda.
- “Publicado [data]” e o estão atualmente em uma nova linha sob o autor. No entanto, o elemento “Publicado” poderia ficar ao lado do alinhado à direita, na mesma linha do autor. Isso economizaria espaço vertical em cada entrada e reduziria o risco de o conteúdo transbordar.
Caso a explicação sobre as tags não esteja clara. Aqui você pode ver como elas começam em uma nova linha em vez de começar ao lado da categoria, como fazem por padrão:
3 curtidas
Eu estava me perguntando se é tecnicamente possível forçar um limite de 1 linha para as tags, assim como há um limite de 2 linhas aplicado ao título e de 3 linhas à descrição.
A maioria das instâncias do Discourse usará de 0 a 5 tags e uma linha é mais do que suficiente para elas. Algumas (como a nossa) podem usar tags extensivamente, mas não precisamos vê-las todas nos cartões de tópico. Apenas ver as primeiras é o suficiente para dar uma ideia.
Adicionar restrições ao número de linhas tornaria os cartões de tópico mais confiáveis com diferentes tamanhos e proporções de imagem:
- 1 linha para categoria e tags
- Até 2 linhas para o título
- Até 3 linhas para a descrição
- 1 linha para autor, publicado e curtidas.
3 curtidas
FYI, vamos abordar isso em Add icons for Views and Replies, and Last Activity date in Topic Cards.
4 curtidas
Ah, sim, esqueci de comentar aqui com minha atualização sobre isso: tive que adicionar esse código apenas ao desktop.scss em vez de common.scss
Não consigo mais editar meu comentário original, mas o atualizei em meu componente de tema: Minima Adjustments for Topic Cards
3 curtidas