Caixas de seleção não funcionam com marcadores de lista não ordenada

Parece que a lista de verificação não está funcionando muito bem com “*”
Embora funcione bem com “1.”

1. [] Tarefas no Estágio 1

    * [] Fazer 1 (O Ponto Preto desaparecerá aqui)

    * [] Fazer 2

1. [] Tarefas no estado 2
  1. Tarefas no Estágio 1

    • Fazer 1 (Embora o espaçamento seja bom, o ponto desaparece)

    • Fazer 2

  2. Tarefas no estado 2

Eu também notei isso recentemente, mas acho que pode ser intencional e eu prefiro assim. O * ou - permite que você indente os itens da sua lista de verificação em listas estruturadas sem o ruído adicional do marcador.

- [] Marco 1
   - [] tarefa 1
   - [] tarefa 2
   - [] tarefa 3
- [] Marco 2
   - [] tarefa 1
   - [] tarefa 2
   - [] tarefa 3
  • Marco 1
    • tarefa 1
    • tarefa 2
    • tarefa 3
  • Marco 2
    • tarefa 1
    • tarefa 2
    • tarefa 3

vs

[] Marco 1
   [] tarefa 1
   [] tarefa 2
   [] tarefa 3
[] Marco 2
   [] tarefa 1
   [] tarefa 2
   [] tarefa 3

Marco 1
tarefa 1
tarefa 2
tarefa 3
Marco 2
tarefa 1
tarefa 2
tarefa 3

2 curtidas

Vejo sua demonstração, a “sub-lista” funciona bem no seu exemplo, mas não no meu.

Veja bem, quando a primeira lista é ordenada e a segunda é não ordenada, não funciona muito bem.

E, eu geralmente escrevo frases muito longas, dessa forma, não ficará muito claro como no seu exemplo (no seu exemplo, as listas são muito curtas, com poucas palavras), então não ficará muito limpo sem um “ponto”.

1 curtida

ok, vamos ver…

- [] Marco 1 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
- [] Marco 2 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
  • Marco 1 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
  • Marco 2 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
1. [] Marco 1 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
2.  [] Marco 2 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
   - [] tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
  1. Marco 1 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
  2. Marco 2 descrito com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 1 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 2 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.
    • tarefa 3 descrita com várias palavras que se estendem por várias linhas. Ainda vou escrever minha linha longa, longa, longa. Acho que isso será o suficiente.

Posso confirmar que, ao combinar listas numeradas com listas com marcadores, seguidas por itens de checklist, a indentação não ocorre como você poderia esperar, pois os marcadores não são exibidos.

Pessoalmente, gosto de usar listas com marcadores e checklist, como no meu exemplo acima, que se indenta bem e não mostra os marcadores reais. Mas isso também não está sendo exibido como você poderia esperar.

O motivo para ambos pode ser o mesmo.

1 curtida

Aqui está uma correção CSS improvisada, se você precisar, @xiasummer:

Exibe o marcador

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

Oculta o marcador:

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

3 curtidas

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