Layout estranho após atualização

Suporte
1

Alguém encontrou problemas ao atualizar para a versão mais recente do Discourse? Todas as miniaturas das minhas categorias estão distorcidas. Eu só usei personalização na página inicial, mas mesmo nas páginas de categoria, todas estão enviesadas.
Como posso mudar isso?

Screenshot 2022-10-13 at 22.09.39
Screenshot 2022-10-13 at 22.09.391920×1086 108 KB

2 curtidas
2

Ninguém?
Laugh Lol GIF by PG Tips

1 curtida
3

Talvez você já o tenha corrigido, mas está funcionando bem quando o visito anonimamente:

image
image778×720 78.1 KB

2 curtidas
4

Acho que houve uma atualização que adicionou um novo recurso (logos de categoria escuros/claros) que pode ter afetado algumas personalizações. Ainda não tenho 100% de certeza sobre como consertar, mas estou perguntando por aí. :+1:

(Embora espero que o @renato esteja certo e que tenha se consertado magicamente :crossed_fingers:)

3 curtidas
5

Aqui vejo que as imagens se parecem com a captura de tela do @renato no Chrome, mas como a do OP no Safari. Isso é certamente uma regressão, peço desculpas por isso. Não parece que você tenha personalizações, mas você tem algumas imagens muito grandes como logotipos de categoria, por exemplo, a do OP tem 2657x2657.

Portanto, duas maneiras de corrigir:

  1. Carregue imagens menores. Você pode tentar com uma imagem de 150x150, essa deve funcionar bem. (Isso também faz com que as páginas carreguem mais rápido, com imagens menores.)
  2. Se você não quiser reenviar imagens, tente com esta regra CSS em um componente de tema:
body .category-logo.aspect-image {
  max-width: 150px;
}
3 curtidas
6

Sim, parece bom no Chrome, mas não no Safari. Alguma ideia do porquê isso aconteceria? Eu tentei a correção de max-width e não funcionou. Também fiz upload de imagens menores de 450px quadradas, ainda sem sucesso.

7

Você pode tentar com

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
  }
}
3 curtidas
8

Definitivamente não está sozinho. No entanto, não entendo a solução (sendo um novato completo). Existe algum lugar onde eu possa encontrar um pouco mais de informação sobre o que / onde preciso implementar a solução? Obrigado.

13

Olá e bem-vindo @Richard :slightly_smiling_face:

Você pode adicionar trechos de código extras ao seu site criando um pequeno componente de tema e anexando-o ao seu tema:

  • Vá para /admin/customize/themes
  • Clique em instalar e depois em criar novo
  • Dê um nome e selecione ‘componente’.
  • Criar
  • Adicione-o ao seu tema
  • Clique no botão Editar CSS/HTML e cole o código na aba Comum
  • E salve. :+1:
3 curtidas
15

Acho que algumas correções foram adicionadas para este problema, então você poderá remover seu código personalizado após uma atualização. :+1:

2 curtidas
16

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.