Las casillas de verificación no funcionan con viñetas de lista desordenada

Parece que la lista de verificación no funciona muy bien con “*”
Aunque funciona bien con “1.”

1. [] Tareas en la Etapa 1

    * [] Hacer 1 (El punto negro desaparecerá aquí)

    * [] Hacer 2

1. [] Tareas en el estado 2
  1. Tareas en la Etapa 1

    • Hacer 1 (Aunque el espaciado es bueno, el punto desaparece)

    • Hacer 2

  2. Tareas en el estado 2

También he notado eso recientemente, pero creo que puede ser intencional y, de hecho, lo prefiero así. El * o - te permite indentar los elementos de tu lista de verificación en listas estructuradas sin el ruido adicional del punto de viñeta.

- [] Hito 1
   - [] tarea 1 
   - [] tarea 2
   - [] tarea 3
- [] Hito 2 
   - [] tarea 1 
   - [] tarea 2
   - [] tarea 3
  • Hito 1
    • tarea 1
    • tarea 2
    • tarea 3
  • Hito 2
    • tarea 1
    • tarea 2
    • tarea 3

vs

[] Hito 1
   [] tarea 1 
   [] tarea 2
   [] tarea 3
[] Hito 2 
   [] tarea 1 
   [] tarea 2
   [] tarea 3

Hito 1
tarea 1
tarea 2
tarea 3
Hito 2
tarea 1
tarea 2
tarea 3

2 Me gusta

Veo tu demostración, la “sub-lista” funciona bien en tu ejemplo, pero no en el mío.

Verás, cuando la primera lista es “ordenada” y la segunda es una lista desordenada, no funciona muy bien.

Y, normalmente escribo oraciones muy largas, de esa manera, no será muy claro como en tu ejemplo (en tu ejemplo, las listas son muy cortas, como unas pocas palabras), por lo que no será muy limpio sin un “punto”.

1 me gusta

ok, veamos…

- [] Hito 1 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
- [] Hito 2 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
  • Hito 1 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
  • Hito 2 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
1. [] Hito 1 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
2.  [] Hito 2 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
   - [] Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
  1. Hito 1 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
  2. Hito 2 descrito con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 1 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 2 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.
    • Tarea 3 descrita con varias palabras que se extienden a lo largo de varias líneas. Todavía voy a escribir mi línea larga, larga, larga. Creo que eso será suficiente.

Confirmo que al combinar listas numeradas con listas con viñetas, seguidas de elementos de lista de verificación, no se indenta como se podría esperar porque no muestra las viñetas.

Personalmente, me gusta usar listas con viñetas con listas de verificación como en mi ejemplo anterior, que se indenta muy bien y no muestra las viñetas reales. Pero eso tampoco se muestra como se podría esperar.

La razón de ambos podría ser la misma.

1 me gusta

Aquí tienes una solución CSS improvisada si la necesitas, @xiasummer:

Muestra la viñeta

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
    list-style-type: initial;
    .list-item-checkbox {
        left: 0;
        position: relative;
    }
}

Oculta la viñeta:

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
}

3 Me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.