Impacto do posicionamento de componentes com 2.5.0.beta6

Não é um problema grave, mas achei melhor avisar: se você estiver usando posicionamento personalizado nos seus temas, pode ser afetado negativamente pela última atualização.

A atualização mais recente parece ter quebrado o código de @smrtey ou @pacharanero para exibir o Discourse em tela larga:

A barra de navegação (dentro dos tópicos) está, na maior parte, na posição correta (tela larga). Porém, ao rolar para cima, ela volta ao comportamento padrão (posição normal) antes de retornar à posição larga.

Também teve um efeito negativo não intencional no tema Big Header - Little header (de @Taylor_Troxtel):

No meu caso, isso fez com que o banner bloqueasse os botões do topo (Categorias, Recentes, Novos).

Removi esses temas do meu site por enquanto, mas achei importante avisar outros antes de atualizarem.

Nosso cabeçalho agora usa position: sticky no CSS, então é possível que esses temas tenham sido afetados por essa alteração. Versatile Banner e Discourse Category Banners foram atualizados para corrigir problemas, caso esteja procurando um ponto de partida.

Obrigado, @Alec, por chamar minha atenção para isso. Tenho notado algumas estranhezas recentemente desde a versão 2.5.0.beta6 em relação ao espaçamento abaixo dos cabeçalhos, em algumas instâncias do Discourse que administro, onde aumentei a altura da barra de cabeçalho para melhor adequação ao design do site e adicionei um preenchimento para empurrar o #main-outlet um pouco para baixo. Após a 2.5.0.beta6, esse preenchimento extra não foi mais necessário.

Vou investigar o que preciso atualizar para corrigir isso quando tiver tempo. Tenho duas instâncias que usam esse TC; embora uma esteja com uma aparência um pouco estranha, a outra está funcionando bem. E, claro, PRs com correções são bem-vindos, caso alguém tenha tempo.

Obrigado, @justin, pela indicação sobre como corrigir.

Isso não afetou a tela larga no meu site, onde tenho várias outras coisas acontecendo que não estão incluídas no componente ao qual você fez link, mas quebrou minha personalização da visualização para desktop, que foi ajustada para caber em telas móveis, permitindo que os usuários utilizem respostas incorporadas em dispositivos móveis. Por algum motivo, position: sticky não funcionou quando a largura era < 768px. Não faço ideia do motivo pelo qual sticky não funcionaria, então acabei tendo que usar:

@media (max-width: 767px) {
   .d-header-wrap {
      position: fixed;
      top: 0;
      width: 100%;
   }
   #main-outlet {
       margin-top: 48px;
   }
}

Olá :wave:. Só passando para avisar que devo ter uma correção para este componente pronta um pouco mais tarde hoje!

Edição: Acabei de enviar uma atualização para o componente. Por favor, atualize-o através do seu painel de administração.