Corriger l'espacement dans Masquer les détails

Contribuer UX
1

J’ai remarqué un comportement de espacement étrange lors de l’utilisation de Masquer les détails.

screenshot details
screenshot details2872×1100 472 KB

Lorsque le contenu dans les détails est simplement du texte, il y a un bel espacement entre le menu déroulant Masquer les détails et le contenu, puis entre le contenu et la section Masquer les détails suivante. Cela ne s’applique pas lorsque le contenu est une liste.

Sur Meta

Lorsque le contenu est du texte

Regardez l’espace blanc utile entre ce contenu et “Lorsque le contenu est du texte” ainsi qu’entre ce contenu et “Lorsque le contenu est une liste non ordonnée” ci-dessous !

Lorsque le contenu est une liste non ordonnée
  • Boo… maintenant il n’y a plus d’espace
  • entre ce contenu et “Lorsque le contenu est une liste non ordonnée”
  • et entre ce contenu et “Lorsque le contenu est une liste ordonnée”
Lorsque le contenu est une liste ordonnée
  1. Maintenant, il y a de l’espace entre ce contenu et “Lorsque le contenu est une liste ordonnée” ci-dessus
  2. Et de l’espace en bas aussi !
Juste du contenu de remplissage

Voir le titre ci-dessus.

3 « J'aime »
2

Cela devrait régler le problème :

   .cooked details[open]>ul {
        margin: 1em 0;
    }
3

Cela n’a pas vraiment de lien avec « masquer les détails » — c’est une conséquence du fait que les listes terminent la zone de contenu, au lieu des paragraphes. La solution de contournement la plus simple consiste à ajouter un paragraphe en bas ou un commentaire HTML.