Mantenere l'intestazione del marchio statica invece di scorrere?

Sviluppatore
,
1

Confermo;

Dopo l’installazione, sembra che l’intestazione venga nascosta scorrendo la pagina. C’è un modo per fissarla in posizione sopra l’intestazione esistente di Discourse?

2

Non riesco a riprodurlo. Puoi inviarmi uno screenshot?

3

Oh, scusa per la confusione: mi riferisco al comportamento previsto?

In locale vedo che l’intestazione del marchio scompare dallo schermo mentre scorro un thread lungo.

4

Prova a modificare lo stile CSS .b-header come mostrato di seguito

.b-header {
  position: fixed;
}

Potresti aver bisogno di ulteriori modifiche CSS per raggiungere il tuo obiettivo.

5

Grazie, Vinoth.

Ho trovato alcune cose che aiutano in questo;

.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;
}

Questo fa sì che l’intestazione personalizzata rimanga fissa durante lo scorrimento e si posizioni sempre sopra l’intestazione di Discourse.

L’unico svantaggio di questo approccio che riesco a vedere è che il titolo del thread appare nell’intestazione di Discourse un po’ più tardi del normale, a causa dell’altezza statica aggiuntiva del componente dell’intestazione.

Non sono sicuro di come modificare questa logica: probabilmente si trova da qualche parte nel cuore di Discourse.