Correggi spaziatura in Nascondi dettagli

Contribuisci UX
1

Ho notato un comportamento di spaziatura strano quando uso Nascondi dettagli.

screenshot dettagli
screenshot dettagli2872×1100 472 KB

Quando il contenuto nei dettagli è semplicemente testo, c’è una bella spaziatura tra il menu a tendina “Nascondi dettagli” e il contenuto, e poi tra il contenuto e la sezione successiva “Nascondi dettagli”. Questo non vale quando il contenuto è un elenco.

Su Meta

Quando il contenuto è testo

Guarda il bianco utile tra questo contenuto e “Quando il contenuto è testo”, così come tra questo contenuto e “Quando il contenuto è un elenco non ordinato” qui sotto!

Quando il contenuto è un elenco non ordinato
  • Boo… ora non c’è spazio
  • tra questo contenuto e “Quando il contenuto è un elenco non ordinato”
  • e tra questo contenuto e “Quando il contenuto è un elenco ordinato”
Quando il contenuto è un elenco ordinato
  1. Ora c’è spazio tra questo contenuto e “Quando il contenuto è un elenco ordinato” sopra
  2. E anche spazio sotto!
Solo contenuto di riempimento

Vedi il titolo sopra.

3 Mi Piace
2

Questo dovrebbe risolvere il problema:

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

Questo non ha davvero nulla a che fare con “nascondi dettagli” — è una conseguenza del fatto che le liste terminano l’area di contenuto, invece dei paragrafi. Il workaround più semplice è aggiungere un paragrafo in fondo, oppure un commento HTML.