Olá, eu costumava injetar o nome do meu fórum como texto no cabeçalho após o logotipo, mas era confuso tentar fazer com que se encaixasse em todas as combinações de larguras do navegador e possibilidades de conteúdo do cabeçalho. Então, agora uso uma imagem de logotipo com o logotipo real seguido pelo nome do fórum na própria imagem.
Mas, desde a atualização para a versão v2026.7.0, tenho tido problemas para fazer com que ele se encaixe em certas larguras dentro dos tópicos. (Não há problema na página inicial, pois o cabeçalho lá tem mais espaço vazio). A configuração do Discourse para o Logotipo pequeno diz: “A imagem do logotipo pequeno no canto superior esquerdo do seu site, vista ao rolar para baixo.” No entanto, o comportamento real é um pouco mais complexo do que isso. Em larguras do navegador >=1015 pixels (aproximadamente), ao rolar para baixo dentro de um tópico com a barra lateral visível, o Logotipo principal é usado, que precisa ser reduzido para se encaixar no pequeno espaço restante à esquerda do título do tópico, o que o torna ilegível no meu caso. Larguras menores que ~1015 pixels fazem com que ele mude para o Logotipo pequeno. Há alguma maneira de fazer com que ele sempre use o Logotipo pequeno ou até mesmo o Logotipo móvel ao rolar para baixo em uma visualização de tópico? Existem algumas ideias semelhantes nesta thread antiga, mas não é exatamente o que estou procurando fazer e não tenho certeza se a implementação técnica ainda se aplica:
// Quando a barra lateral estiver visível, force o HomeLogo a estar em um estado 'não minimizado'.
const transformerExists = api.registerValueTransformer?.(
"home-logo-minimized",
({ value, context }) => {
if (value && context.showSidebar) {
return false;
}
return value;
}
);
Existe alguma maneira razoavelmente limpa de eu “anular a anulação” sem fazer um fork completo do componente? Eu preciso disso principalmente porque 1) muitos dos meus usuários expressaram definitivamente uma forte preferência pelo layout largo, e 2) há muitas peculiaridades maiores e menores que precisam ser tratadas com regras CSS, além de apenas aumentar os valores de --d-max-width e --topic-body-width. Tenho mantido meu próprio componente de tema com várias regras CSS puras que copiei e adaptei de discourse-full-width-component/common/common.scss at main · discourse/discourse-full-width-component · GitHub, mas ele tende a quebrar a cada grande lançamento do Discourse e eu preferiria algo melhor mantido e com menos manutenção, como o Full Width Component.
Claro, essas mudanças estão completamente protegidas pela nova configuração, então é seguro fazer o backport para aquela versão. Agora deve estar disponível.
