Garder l'en-tête de la marque fixe au lieu de défiler?

Dev
,
1

Confirmation ;

Après l’installation de ce module, il semble que l’en-tête défile hors de la page. Existe-t-il un moyen de fixer l’en-tête en place au-dessus de l’en-tête Discourse existant ?

2

Je ne parviens pas à reproduire le problème. Pouvez-vous me fournir une capture d’écran ?

3

Oh, désolé pour la confusion — je demande quel est le comportement prévu ?

Localement, je vois l’en-tête de la marque défiler hors de la page au fur et à mesure que je fais défiler un long fil de discussion.

4

Essayez de modifier le style CSS de .b-header comme ci-dessous

.b-header {
  position: fixed;
}

Vous devrez peut-être apporter plus d’éditions CSS pour atteindre votre objectif.

2 « J'aime »
5

Merci, Vinoth.

J’ai trouvé quelques éléments qui aident à résoudre ce problème ;

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

Cela permet d’afficher l’en-tête personnalisé de manière fixe lors du défilement et de le placer au-dessus de l’en-tête Discourse en permanence.

Le seul inconvénient de cette approche que je vois est que le titre du sujet apparaît dans l’en-tête Discourse un peu plus tard que d’habitude, en raison de la hauteur statique supplémentaire du composant d’en-tête.

Je ne suis pas certain de savoir comment modifier cette logique – c’est probablement quelque part dans les entrailles de Discourse.

4 « J'aime »