Sembra che la lista di controllo non funzioni molto bene con “*”
Anche se funziona bene con “1.”
1. [] Tasks in Stage 1
* [] Do 1 (The Black Point will disappear here)
* [] Do 2
1. [] Tasks in state 2
Tasks in Stage 1
Do 1 (Sebbene lo spazio sia buono, il punto scompare)
Do 2
Tasks in state 2
Ho notato anche io di recente, ma penso che possa essere intenzionale e in realtà lo preferisco così. Il * o - ti permette di indentare gli elementi della tua checklist in liste strutturate senza il rumore aggiunto del punto elenco.
- [] Milestone 1
- [] task 1
- [] task 2
- [] task 3
- [] Milestone 2
- [] task 1
- [] task 2
- [] task 3
vs
[] Milestone 1
[] task 1
[] task 2
[] task 3
[] Milestone 2
[] task 1
[] task 2
[] task 3
Milestone 1
task 1
task 2
task 3
Milestone 2
task 1
task 2
task 3
Vedo la tua dimostrazione, la “sottolista” funziona bene nel tuo esempio, ma non nel mio.
Vedi, quando la prima lista è “ordinata” e la seconda è una lista non ordinata, non funziona molto bene.
Inoltre, scrivo solitamente frasi molto lunghe, in questo modo, non sarà molto chiaro come nel tuo esempio (nel tuo esempio, le liste sono molto brevi, come poche parole), quindi non sarà molto pulito senza un “punto”.
ok, vediamo…
- [] Milestone 1 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 1 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 2 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 3 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] Milestone 2 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 1 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 2 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 3 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
1. [] Milestone 1 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 1 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 2 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 3 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
2. [] Milestone 2 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 1 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 2 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
- [] task 3 descritto con diverse parole che vanno su più righe. Continuerò a scrivere la mia lunga, lunga, lunga riga. Penso che sarà abbastanza.
Posso confermare che quando si combinano elenchi numerati con elenchi puntati, seguiti da elementi di checklist, l’indentazione non avviene come ci si potrebbe aspettare perché non mostra i punti elenco.
Personalmente, mi piace usare elenchi puntati con checklist come nel mio esempio sopra, che si indenta bene e non mostra i punti elenco effettivi. Ma anche questo non viene visualizzato come ci si potrebbe aspettare.
Il motivo per entrambi potrebbe essere lo stesso.
Ecco una correzione CSS “hacky” se ne hai bisogno, @xiasummer:
Mostra il punto elenco
.cooked ol ul li.has-checkbox {
margin-left: 1em;
list-style-type: initial;
.list-item-checkbox {
left: 0;
position: relative;
}
}
Nascondi il punto elenco:
.cooked ol ul li.has-checkbox {
margin-left: 1em;
}
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
