Manter o cabeçalho da marca fixo em vez de rolar?

Dev
,
1

Confirmando;

Após a instalação, parece que o cabeçalho rola para fora da página. Existe alguma maneira de fixar o cabeçalho no lugar acima do cabeçalho do Discourse existente?

2

Não consigo reproduzir o problema. Você pode me enviar uma captura de tela?

3

Oh, desculpe pela confusão - estou perguntando sobre o comportamento pretendido?

Localmente, vejo o cabeçalho da marca rolando para fora da página enquanto eu rolo por um tópico longo.

4

Tente alterar o estilo CSS .b-header como abaixo

.b-header {
  position: fixed;
}

Pode ser necessário mais edições no CSS para alcançar seu objetivo.

2 curtidas
5

Obrigado, Vinoth.

Encontrei algumas coisas que ajudam nisso:

.b-header {
  position: fixed;
  z-index: 1001;
  height: $header-height;
}

.docked .d-header {
  margin-top: $header-height;
}

#main-outlet {
  padding-top: $discourse-content-padding + $header-height;
}

Isso faz com que o cabeçalho personalizado fique fixo ao rolar a página e fique acima do cabeçalho do Discourse o tempo todo.

A única desvantagem dessa abordagem que consigo ver é que o título do tópico aparece no cabeçalho do Discourse um pouco mais tarde do que o normal, devido à altura estática adicional do componente do cabeçalho.

Não tenho certeza de como alterar essa lógica — provavelmente está nos bastidores do Discourse em algum lugar.

4 curtidas