Bem, parece que esse Component ainda não foi atualizado para Listas de Tópicos Glimmer em qualquer caso:
Eu uso o telefone tão raramente, mas tenho certeza de que isso faz parte desta conversa. Atualizei bem tarde ontem e os usuários começaram a reclamar. E eu peguei sua correção há poucos minutos. O tema é o padrão do Discourse.
Eu verifiquei aqui e tenho quase certeza de que o último avatar também não estava em uso aqui.
Simplesmente não fica bonito. Mas não é apenas um problema seu, ambos os componentes semelhantes agora mostram o avatar e a miniatura. Claro, eu sei como ocultar avatares, então é uma solução fácil.
Honestamente, não sei se aqui não há nada mais do que (uma questão de) gosto. Mas algo mudou, caso contrário, meus usuários não começariam a perguntar. Estou um pouco adiantado agora, porque aqui em cima são apenas 6 horas e ainda não recebi nenhuma confirmação do que está realmente errado.
Isso não é intencional e, na minha opinião, parece terrível, mas não consigo reproduzir.
Conforme minha captura de tela, isso não está acontecendo em minhas instâncias.
Por favor, certifique-se de que não há outros componentes ativos que influenciem a apresentação da lista de tópicos. Esta é agora uma API e outros componentes podem interferir se estiverem ativos. Em seguida, veja se persiste. Em seguida, compartilhe suas configurações, se persistir.
E, a propósito, este componente de tema nunca foi projetado para ser compatível com qualquer outro componente que influencie a lista de Tópicos, então sinta-se à vontade para experimentar combinações, mas não há garantia.
Claro que esqueci de dizer isso, mas tentei imediatamente como o único componente. Como confio que você está na versão mais recente do Discourse, tenho que perguntar: você acha que há alguma chance de isso vir de algum plugin?
Pode ser um caso extremo que eu perdi. Você pode compartilhar o HTML de um item de lista de tópico (a linha inteira)?
Ou envie por mensagem privada o link da web
Isso muito?
trecho html
<tr data-creator-name="Jagster" id="ember42" class="topic-list-item category-chattifoorumi tag-meemit has-excerpt visited ember-view">
<div class="hidden">
<div class="hidden">
<td class="topic-list-data">
<div class="pull-left">
<a href="/t/meemit-ja-muut-tuplavitsit/1263/549" aria-label="Perfil do usuário Jagster, último escritor" data-user-card="Jagster">
<img alt width="48" height="48" src="/user_avatar/foorumi.katiska.eu/jagster/96/6057_2.png" class="avatar" title="Jagster">
</a>
</div>
<div class="topic-item-metadata right">
<span id="_render_glimmer_25" class="hbr-ember-outlet">
<div class="topic-thumbnail">
<a>
<img class="thumbnail non-tiles-thumbnail" src="https://cdnfoorumi.katiska.eu/optimized/2X/b/b5fdeed33ad48a86cc12ecb1fb0acfc55f62247c_2_536x800.jpeg" loading="lazy">
</a>
</div>
</span>
<div class="main-link">
Oh god… that looks bad. Hard to read.
Bem, o url é público de qualquer forma e não acho que um fórum finlandês completo desperte interesse — e caso alguém veja um link como spam, editá-lo depois é fácil.
https://foorumi.katiska.eu (não vamos acordar sistemas automáticos) e role algumas linhas. Você o encontrará. E se quiser uma visualização mais limpa, o tema test é uma boa opção.
Perfeito.
A linha com o problema é esta:
<tr> data-creator-name="Jagster" id="ember42" class="topic-list-item category-chattifoorumi tag-meemit has-excerpt liked visited ember-view">
essa classe deveria conter has-thumbnail para que o CSS oculte o avatar…
deixe-me verificar novamente se esta atribuição está funcionando na versão mais recente do discourse.
Basicamente faz o mesmo, mas de forma mais curta e condicional, o que eu usava para celulares?
.topic-list td div.pull-left a {
display: none;
}
.topic-list td div.right {
margin-left: 0px;
}
Sim:
Ainda não consigo reproduzir seu problema no commit mais recente, nem em Latest em casa nem em uma Categoria. ![]()
Certifique-se de que a configuração Glimmer Topic List esteja Habilitada, não Automática?
Está no automático
Vou mudar.
editar
puxa vida — era isso.
Então automático, que inclui habilitado, não é o mesmo que habilitado. Existe algum mecanismo que precisa dizer explicitamente ao glimmer que está tudo bem, a menos que ele volte para o sistema antigo?
Essa informação é muito útil.
E surpreendente! Pelo menos as minhas instruções de configuração estavam corretas ![]()
Vou verificar com o David.
Por enquanto, há isto:
Acredito que ele pense que algo não é compatível, então ele volta para o sistema antigo.
Sim, exatamente. "Auto" será o mesmo que "habilitado" se todos os seus temas e plugins instalados forem compatíveis com as atualizações.
Se eles não forem compatíveis, então funcionará como "desabilitado", e uma mensagem será exibida no console do navegador explicando qual tema/plugin precisa ser atualizado.
Para nossos temas/plugins oficiais, nós os tornamos compatíveis com as implementações de lista de tópicos antigas e novas simultaneamente, para que as pessoas possam atualizar outros temas e plugins um por um sem precisar se preocupar com a configuração do site. A troca de implementação ocorrerá automaticamente assim que o último tema/plugin estiver pronto.
No entanto, garantir a retrocompatibilidade dá muito mais trabalho, especialmente para casos complexos. Então, posso entender por que isso foi pulado para topic-list-previews ![]()
Uma coisa que você poderia fazer aqui @robert é adicionar um erro claro para as pessoas? Algo como
import { withSilencedDeprecations } from "discourse/lib/deprecated";
...
withSilencedDeprecations("discourse.hbr-topic-list-overrides", () => {
api.modifyClass("component:topic-list", {
init(){
alert("topic-list-previews não pode ser executado juntamente com outros temas/plugins que são incompatíveis com a lista de tópicos glimmer. Veja https://meta.discourse.org/t/209973/521 para detalhes");
return this._super(...arguments);
}
});
});
Isso modificará a antiga lista de tópicos para exibir um erro se ela for renderizada enquanto topic-list-previews estiver em execução.
Extremamente útil, obrigado, adicionarei.
Sim, tenho que ser racional sobre quanto tempo gasto
então a compatibilidade retroativa foi descartada.
No entanto, a atualização está fixada, então é um meio-termo.
Obrigado, David. Eu usei este em um componente do meu tema. Mas antes, encontrei isso no repositório de plugins resolvidos. Eu também usava o site.useGlimmerTopicList, que parece funcionar também. Essa também é uma boa opção? Eu usei isso em initializers e no template.
Está tudo bem por enquanto, mas ele será removido (ou seja, se tornará undefined) assim que a lista de tópicos do glimmer for a única opção. Portanto, certifique-se de usá-lo como
if(!site.useGlimmerTopicList){
// faça coisas antigas
}
e não
if(site.useGlimmerTopicList){
// faça coisas novas
}
a propósito, adicionei:
muito apreciado.
@Jagster se tiver tempo, você poderia, por favor, atualizar, definir como Automático e verificar se isso aparece?
aliás, @david FYI, também é necessária uma supressão do eslint, acho? (e pluginId)
