Você ainda consegue reproduzir isso? No momento, não consigo localmente.
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.
As capturas de tela mostram que é diferente no Horizon e no Foundation 
Ou estou perdendo alguma coisa?
Ah! Preciso verificar isso. Não sabia que havia uma distinção!
Eu não parece ter instalado a largura total do Foundation, tentei pesquisar no meta e não encontrei?
Não é um tema específico, é este componente: Discourse Full-width component
2 curtidas
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?
1 curtida
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:
acho que pode funcionar razoavelmente bem já de cara.
1 curtida
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;
}
}
1 curtida
Hmm, não consigo reproduzir isso no meu iPhone 15 com o Chrome, Safari ou Firefox mais recentes.
Qual dispositivo e navegador você está usando? Parece estranho que esteja tentando carregar os trechos ali.
1 curtida
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.
Sim, acabei de testar no meu Chrome do desktop com o console para mobile e ainda não consegui reproduzir.
3 curtidas
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.
2 curtidas
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.
2 curtidas
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.
1 curtida
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.
2 curtidas