Il semble que la liste de contrôle ne fonctionne pas très bien avec “*”
Bien qu’elle fonctionne bien avec “1.”
1. [] Tâches dans la phase 1
* [] Faire 1 (Le point noir disparaîtra ici)
* [] Faire 2
1. [] Tâches dans l'état 2
Tâches dans la phase 1
Faire 1 (Bien que l’espacement soit bon, le point disparaît)
Faire 2
Tâches dans l’état 2
J’ai remarqué cela récemment aussi, mais je pense que c’est intentionnel et je préfère en fait que ce soit ainsi. Le * ou le - vous permet d’indenter les éléments de votre liste de contrôle dans des listes structurées sans le bruit supplémentaire du point de liste.
- [] Étape 1
- [] tâche 1
- [] tâche 2
- [] tâche 3
- [] Étape 2
- [] tâche 1
- [] tâche 2
- [] tâche 3
vs
[] Étape 1
[] tâche 1
[] tâche 2
[] tâche 3
[] Étape 2
[] tâche 1
[] tâche 2
[] tâche 3
Étape 1
tâche 1
tâche 2
tâche 3
Étape 2
tâche 1
tâche 2
tâche 3
Je vois votre démonstration, la « sous-liste » fonctionne bien dans votre exemple, mais pas dans le mien.
Voyez-vous, lorsque la première liste est une « liste ordonnée » et que le deuxième niveau est une liste non ordonnée, cela ne fonctionne pas très bien.
Et, j’écris habituellement de très longues phrases, de cette façon, ce ne sera pas très clair comme dans votre exemple (dans votre exemple, les listes de contrôle sont très courtes, comme quelques mots), donc ce ne sera pas très propre sans un « point ».
ok, voyons…
- [] Jalon 1 décrit avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 1 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 2 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 3 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] Jalon 2 décrit avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 1 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 2 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 3 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
1. [] Jalon 1 décrit avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 1 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 2 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 3 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
2. [] Jalon 2 décrit avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 1 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 2 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
- [] tâche 3 décrite avec plusieurs mots qui s'étendent sur plusieurs lignes. Je vais toujours écrire ma longue, longue, longue ligne. Je pense que ce sera suffisant.
Je peux confirmer que lorsque vous combinez des listes numérotées avec des listes à puces, suivies d’éléments de liste de contrôle, cela ne s’indente pas comme vous pourriez vous y attendre car les puces ne s’affichent pas.
Personnellement, j’aime utiliser des listes à puces avec des listes de contrôle comme dans mon exemple ci-dessus, qui s’indente joliment et n’affiche pas les puces réelles. Mais cela ne s’affiche pas non plus comme vous pourriez vous y attendre.
La raison pour ces deux problèmes pourrait être la même.
Voici une solution CSS de contournement si vous en avez besoin, @xiasummer :
Affiche la puce
.cooked ol ul li.has-checkbox {
margin-left: 1em;
list-style-type: initial;
.list-item-checkbox {
left: 0;
position: relative;
}
}
Masque la puce :
.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.
