Atualização alterou os banners das seções individuais encolhendo-os super pequenos, como reverter?

Suporte
1

Após a atualização para a versão mais recente há 20 minutos, todos os banners nas seções individuais foram relegados a uma caixa estranha e encolheram para um tamanho impossivelmente pequeno. Se houvesse texto, o texto teria um tamanho legível ao lado dele (embora isso também tenha sido redesenhado). Não alterei nenhuma configuração além da atualização

Screenshot 2025-08-08 042512
Screenshot 2025-08-08 0425121179×121 2.09 KB

Olhando nas configurações agora, diz que quer uma proporção de 1:1. Sempre foi isso o que era “recomendado” ou isso é uma mudança? Sinto que não era isso que dizia, mas não sei. Definitivamente não era exigido. Porque todos os meus combinam com o do site principal, que é decididamente projetado para ser retangular. Essa é uma mudança meio desajeitada para forçar, eu fiz cerca de 40 individuais únicas.

2

O que você quer dizer com “banners de seção individuais”?

3

“Logotipos de categoria” cada quadro tem um. Este site tem uma caixa rosa gigante que diz suporte

4

Então você tem um problema com o componente de banner de categoria (aquele que usa a cor da categoria, como suporte aqui no Meta) ou com a descrição e imagem da categoria que o Discourse core mostra quando você carrega uma imagem de categoria?

screenshot showing both banners
screenshot showing both banners1777×979 158 KB

Você tentou modo de segurança?

1 curtida
5

Os cabeçalhos de categoria foram estilizados recentemente, UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub

Você pode alterar o tamanho da imagem com algum CSS, talvez algo como isto ajude:

.category-heading__logo.category-logo.aspect-image {
  width: auto;
  height: 100px;
}
3 curtidas
6

Não tem nada a ver com o que eu fiz, algo foi alterado no núcleo com uma das últimas atualizações, não estou usando nenhum plugin. Todo o design foi alterado. Não sei explicar melhor e não tenho um print do estilo antigo, mas qualquer um que tenha visto os dois saberá o que estou perguntando. Toda a proporção do logo foi alterada, a forma como o texto aparece é diferente, agora está emoldurado em uma caixa. Isso destruiu completamente a forma como tínhamos configurado usando as opções padrão.

Editar: Você pode ver nas capturas de tela postadas no link acima UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub o estilo antigo estava à esquerda, exceto que uma proporção de 1:1 não era necessária (ou solicitada) para o logo e todo o formato era diferente. Agora, todos os logos foram forçados para um quadrado encolhido e todo o resto foi reformulado, tornando o texto o recurso dominante, o que destruiu todos eles para nós.

Não seria um problema se originalmente dissesse para usar a proporção 1:1, não disse, então criamos versões individuais da Imagem de Banner principal (e não do logo quadrado) mantendo a mesma forma e design, para cada seção.

Isso parece que vai funcionar, terei que brincar com o tamanho, obrigado!

Editar: Não funciona no celular, pois empurra o texto para fora da caixa e estica a página horizontalmente. Eu corrigi isso com

@media (max-width: 768px) {
  .category-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3em; /* Adiciona um espaçamento mínimo entre o logo e o texto */
  }

  .category-heading__logo.category-logo.aspect-image {
    height: 140px;
    width: auto;
    margin-bottom: 0; /* Remove espaçamento extra */
  }

  .category-heading__title {
    font-size: 1.4em;
    margin-top: 0; /* Evita espaçamento extra acima do texto */
  }
}

Isso empurra o texto para baixo do logo. Se mais alguém precisar…

2 curtidas