O Horizon usa o componente de largura total, então se você usasse o tema Foundation (largura total), eu acho que veria o mesmo.
Portanto, embora eu concorde que não é o layout com a melhor aparência, isso é atualmente esperado para todos os temas que usam um layout de largura total, sim.
Atualmente, estamos usando o componente de tema Custom Header Links. Não imagino que seja um impeditivo para nós, mas gostaria apenas de ter uma ideia de se ele está sendo considerado para suporte – ainda está em consideração para compatibilidade com o Horizon? Alguma estimativa de quanto trabalho seria necessário?
Atualmente, não estamos planejando nenhum trabalho novo de compatibilidade. Não estou dizendo que isso nunca vai acontecer, mas para que qualquer compatibilidade de componente seja adicionada ao roteiro, depende de quantas solicitações recebermos para isso.
Não tenho muita certeza, mas acho que pode ser viável. O principal conflito será com a configuração do banner de boas-vindas, que usa a mesma saída. Então, se você desativar completamente isso ou definir como:
Você pode tentar este CSS em um componente de tema e incluí-lo no tema Horizon:
@use "lib/viewport";
// ** aplicar apenas a desktop e tamanhos de viewport maiores **
@include viewport.from(lg) {
.container,
.list-controls {
margin-inline: 0!important;
}
}
Testei em um computador usando o navegador Chrome. Simplesmente ajustei o tamanho da tela para corresponder ao de um celular usando F12. Ao atualizar a página a partir do cache (Ctrl + F5), o problema persiste.
Certo, talvez esse problema desapareça após uma atualização do Chrome (embora eu ache que tenho a versão mais recente). Que seja.
Tenho mais uma pergunta. Por que aquele bloco com a seleção de tags e os botões não se esconde quando eu rolo para baixo? Sou só eu, ou isso acontece com todo mundo? Ele ocupa bastante espaço na tela; faria sentido escondê-lo ao rolar para baixo.
Isso aparentemente é o comportamento esperado para o tema Horizon (provavelmente para sempre mostrar em qual categoria/tag o usuário está), mas concordo que ocupa espaço demais ao ficar ancorado ali durante a rolagem.
Em telas de celulares menores, esses dois botões ocupam muito espaço da lista de títulos.
Acredito que a tendência de densidade de informação seja para layouts mais compactos. Minha abordagem foi remover a propriedade fixed dessa linha no CSS.
Sim, isso parece ser o comportamento esperado, infelizmente. O botão fixado e os botões de notificações do tópico estão fora da div topic-footer-main-buttons. Pelo menos, esses dois botões deveriam estar na mesma linha, mas seria definitivamente mais ideal se pudessem ser renderizados dentro da linha principal de botões do rodapé do tópico aqui.
Recebemos feedback da nossa comunidade, que utiliza o tema Horizon, indicando que os distintivos de categoria dentro das postagens nas páginas de listagem de tópicos são distrativos.
Eles afirmam que o conteúdo secundário/suplementar (nome da categoria) está desviando a atenção do conteúdo principal (título da postagem), e entendo o ponto de vista deles.
É algo que podemos ajustar na nossa comunidade com sobrescritas de estilo — estamos considerando remover a cor de fundo e aplicá-la como uma borda — então não há grandes preocupações, mas achei válido compartilhar caso esse tipo de feedback seja útil!