Esse problema é causado pela própria postagem ou por um bug em um componente do tema?
Obrigado!
Verifiquei e descobri que o problema é causado por um link do Google Maps na postagem.
Se o link estiver no formato maps.google.com, ele funciona bem.
O componente Topic Cards está se preparando para Upcoming topic-list changes - how to prepare themes and plugins? Acabei de atualizar o Discourse e recebi um aviso para administradores dizendo que este componente precisa ser atualizado.
Já foi atualizado, então você não deve ver nenhum aviso. Você pode verificar novamente se está executando a versão oficial mais recente deste componente e não um fork?
Argh, verdade! Culpa minha. Eu tinha esquecido que estamos executando o GitHub - communiteq/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.. https://github.com/communiteq/discourse-topic-cards
@RGJ desculpe incomodar, você sabe qual é a diferença atualmente entre seu fork e o repositório principal?
Sim, o repositório principal tem sido devidamente mantido… Chegarei a isso no início da próxima semana.
A versão mobile por algum motivo está quebrada quando o componente ‘trecho do tópico’ está ativado e sem ele também (tenho dois temas com e sem este componente e ambos quebraram) ¯\(ツ)/¯ então este css é suficiente
PS: Cole este código no scss mobile do painel de administração
.topic-card__excerpt-text {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 100% !important;
word-wrap: break-word !important;
white-space: normal !important;
}
.topic-card__excerpt {
max-width: 100% !important;
overflow: hidden !important;
}
.topic-list-item {
overflow: hidden !important;
max-width: 100% !important;
white-space: normal !important;
}
td {
max-width: 100% !important;
overflow: hidden !important;
white-space: normal !important;
}
Como isso pode ser aplicado a apenas uma única categoria, ou lista de categorias, como Miniaturas de Tópicos?
Você precisa adicionar a lógica ao componente. Se isso não estiver no roteiro oficial, então apenas fazendo um fork dele.
Sim, isso é algo que definitivamente precisaríamos também. @jordan-violet você fez o que @manuel sugeriu…
Eu não tenho o conhecimento técnico para fazer isso. 
Seguimos em uma direção diferente que gostamos mais. Estamos usando Miniaturas da Lista de Tópicos e, em seguida, adicionamos nosso próprio CSS para que tivesse a aparência/comportamento que queríamos. Você pode ver isso em ação aqui:
Parece bom
Ei, isso significa muito vindo de você! Obrigado!
Alguma ideia do porquê alguns títulos são pretos enquanto outros são azuis? Todos os 3 tópicos foram lidos por mim.
Ha! Respondi minha própria pergunta logo após postar. Preto indica respostas não lidas. Mas como a bolha # está bem ali, provavelmente não precisa do destaque de cor também.
Se eu quiser que os próprios cartões de tópico tenham uma cor diferente do restante do fundo, qual CSS eu alteraria?
Além disso, não vejo isso mencionado, mas o Topic Cards oculta o ícone de ações em massa, podemos reativá-lo?
Eu tenho que continuar desativando-o sempre que preciso aplicar atualizações em massa aos tópicos.
clique com o botão direito no elemento que você deseja alterar e escolha inspecionar. as ferramentas de desenvolvedor do navegador serão abertas e você deverá ver o seletor CSS
Obrigado, eu adicionei:
.topic-card.has-max-height {
background: #e6ecf2
}
.topic-card.has-max-height:hover {
background: #ddecf7
}
E funciona perfeitamente com a paleta padrão ‘Tons de Azul’.
Ok, parte 2. Como eu edito para funcionar com 2 paletas de cores? Estava bom até o navegador mudar para o modo escuro.
Respondendo à minha própria pergunta novamente…
Eu aprendi sobre @media (prefers-color-scheme: light/dark) ontem à noite, então tudo bem.
Muito obrigado @eisammy!!!
Eu estava tendo problemas com isso e estava arrancando os cabelos!
Por alguma razão, não consigo fazer com que nenhum link externo seja transformado em onebox, então o link longo nos trechos efetivamente esticou o texto para fora da caixa e arruinou a UI do meu site. Com a sua ajuda, está resolvido!
Há algo acontecendo com este componente: se eu clicar no título do tópico, ele recarrega a página mesmo após navegar para a página como esperado com o Discourse. Então, ele carrega pela primeira vez e, em seguida, a página recarrega novamente sem motivo aparente. Recentemente, atualizei para a versão atual e testei todas as possibilidades várias vezes, e foi somente após desabilitar o componente que o comportamento incomum parou.
Discourse 3.5.0.beta7-dev - https://github.com/discourse/discourse version 773ae006b7d4315c01a37170b1ebad27332d515e
Alguma chance de isso estar a caminho?