La bannière de lien de bienvenue a une marge supplémentaire

Il y a un petit bug de marge :

Je ne vois pas ce problème sur meta, mais sur mon instance, il est causé par ce code CSS :

image

Le code est là pour ajouter une marge entre les boutons du haut et la bannière de bienvenue, mais il impose également la marge là où elle ne devrait pas être. La marge reste activée même si la bannière de bienvenue est masquée, par exemple, en raison du statut de personnel ou du niveau de confiance.

EDIT : correction bâclée ?
Supprimez la marge de cette classe :

.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0em !important;
}

Et ajoutez la même marge à cette classe :

.above-main-container-outlet.welcome-link-banner-connectors .welcome-link-banner, .below-site-header-outlet.welcome-link-banner-connector .welcome-link-banner {
    margin-bottom: 1em;
}

Cela semble avoir résolu le problème pour moi. Je n’ai pas vu de problèmes jusqu’à présent et la bannière a toujours l’air bien.

3 « J'aime »

.above-main-container-outlet.welcome-link-banner-connectors a une margin-bottom: 1em dont je ne vois pas l’utilité.

De plus, cela ajoute un espace vide que le bandeau de bienvenue soit affiché ou non. S’il n’est pas affiché, la marge ne devrait pas être là.

Cela peut aussi perturber la mise en page d’autres composants de thème en dessous, comme la guirlande lumineuse de Christmas Decoration Component 🎄.

Exemple :

Deux solutions ici :

Soit supprimer la margin-bottom du composant Welcome Banner s’il n’a pas d’utilité, soit ajouter un display: none; sur le Welcome Banner lorsque les conditions pour son affichage ne sont pas remplies.

4 « J'aime »

Merci de m’avoir informé ! Il y a certains cas où la bannière est immédiatement au-dessus d’une autre bannière ou alerte, c’est pourquoi elle a besoin de la marge. J’ai pu déplacer la marge pour supprimer l’impact lorsque le composant est masqué.

6 « J'aime »

Eh bien, c’était une troisième alors ! :rire:

4 « J'aime »