La checklist interferisce con le munizioni

[nathank (Nathan Kershaw)]

Quando ho un elenco puntato che include caselle di controllo, i punti non vengono visualizzati. Non sono sicuro se si tratti di una funzionalità o di un bug. È sicuramente un po’ complicato da controllare.

1. [] elemento numerato normale con casella di controllo
   - punto normale
    - [] casella di controllo puntata di esempio
[] elemento puntato di esempio 2
- [] elemento puntato di esempio 3
   - [] elemento puntato di esempio 4
         - [] elemento puntato di esempio 5

produce:

1. elemento numerato normale con casella di controllo
   • punto normale
   • casella di controllo puntata di esempio
     elemento puntato di esempio 2

• elemento puntato di esempio 3
  • elemento puntato di esempio 4
    - elemento puntato di esempio 5

[sam (Sam Saffron)]

È una funzionalità, ma forse può essere perfezionata. Vedo il CSS per .has-checkbox che è deliberatamente omesso a causa del rumore visivo.

[rrit (Ayke)]

Ho appena provato con il numero corretto di spazi prefissati.
Naturalmente i punti elenco sono ancora mancanti, ma ora sembra abbastanza carino!

1. [] elemento numerato normale con casella di controllo A (prefisso 0 spazi)
    - proiettile normale A.1 (prefisso 4 spazi)
      - [] esempio proiettile con casella di controllo A.1 (prefisso 4 + 2 = 6 spazi)
    - proiettile normale A.2 (prefisso 4 spazi)
      - [] esempio proiettile con casella di controllo A.2 (prefisso 4 + 2 = 6 spazi)

Nota: aggiunto a capo qui tra elenchi di diverso tipo

- [] elemento proiettile di esempio B (prefisso 0 spazi)
  - [] elemento proiettile di esempio B.1 (prefisso 2 spazi)
    - [] elemento proiettile di esempio B.1.1 (prefisso 2 + 2 = 4 spazi)
      - [] elemento proiettile di esempio B.1.1.1 (prefisso 2 + 2 + 2 = 6 spazi)
      - [] elemento proiettile di esempio B.1.1.2 (prefisso 2 + 2 + 2 = 6 spazi)
    - [] elemento proiettile di esempio B.1.2 (prefisso 2 + 2 = 4 spazi)
  - [] elemento proiettile di esempio B.2 (prefisso 2 spazi)
    - [] elemento proiettile di esempio B.2.1 (prefisso 2 + 2 = 4 spazi)
    - [] elemento proiettile di esempio B.2.2 (prefisso 2 + 2 = 4 spazi)

1. elemento numerato normale con casella di controllo A
   • proiettile normale A.1
     • esempio proiettile con casella di controllo A.1
   • proiettile normale A.2
     • esempio proiettile con casella di controllo A.2

• elemento proiettile di esempio B
  • elemento proiettile di esempio B.1
    • elemento proiettile di esempio B.1.1
      • elemento proiettile di esempio B.1.1.1
      • elemento proiettile di esempio B.1.1.2
    • elemento proiettile di esempio B.1.2
  • elemento proiettile di esempio B.2
    • elemento proiettile di esempio B.2.1
    • elemento proiettile di esempio B.2.2

[nathank (Nathan Kershaw)]

Come si ottiene un punto elenco E una casella di controllo? Si ottiene con i numeri, ma io lo voglio con i punti elenco.

1. []
   1. []
   - []

Suggerimento

Mi piacerebbe che un [] fosse presentato nelle liste come:

1. come sostituto del punto elenco se usato senza un indicatore di punto elenco

1.
   []

2. come punto elenco + una casella di controllo se usato con un indicatore di punto elenco

1.
   - []

cioè i punti elenco sono trattati allo stesso modo dei numeri

[Firepup650 (Firepup Sixfifty)]

@nathank

Come si ottiene un punto elenco E una casella di controllo? Si ottiene con i numeri, ma io lo voglio con i punti elenco.

Indentazione molto alta?

• Elenco
  - Test
  • Test
  • Test
• Test

- Elenco
      - [] Test
    - [] Test
  - [] Test
- [] Test

Non viene visualizzato come elenco puntato in questo modo, ma lascia il trattino che assomiglia quasi a un punto elenco.

In realtà, ecco una vera soluzione alternativa:

• Elenco
  • ​ Elemento A
    • ​ Elemento A.1
      • ​ Elemento A.1.1
        • ​ Elemento A.1.1.1
  • ​ Elemento B

Qualsiasi ␆ in questo esempio dovrebbe essere sostituito con uno spazio a larghezza zero

- Elenco
  - ␆[] Elemento A
    - ␆[] Elemento A.1
      - ␆[] Elemento A.1.1
        - ␆[] Elemento A.1.1.1
  - ␆[] Elemento B

Spazio a larghezza zero da copiare per il test:

​

[rrit (Ayke)]

@Firepup650 Bella scoperta! Qualsiasi carattere aggiunto davanti alla casella di controllo renderà visibili i punti elenco.

• Elenco
  • . Punto
    • ' Virgoletta singola (come in Excel testo senza formattazione)
      • | Barra verticale

Per una soluzione generale: aggiungi questo CSS personalizzato alla tua istanza Discourse.

ul li.has-checkbox .list-item-checkbox {
  position: relative;
  left: 0;
}

.cooked ul li.has-checkbox,
.d-editor-preview ul li.has-checkbox {
  position: relative;
  list-style-type: disc;
}

.cooked ul ul li.has-checkbox,
.d-editor-preview ul ul li.has-checkbox {
  list-style-type: circle;
}

.cooked ul ul ul li.has-checkbox,
.d-editor-preview ul ul ul li.has-checkbox {
  list-style-type: square;
}

[Jagster (Jakke Lehtonen)]

Questa è una soluzione e funziona. Ma onestamente… mi fa venire il mal di testa perché mi ricorda fortemente come Excel costringe a contrassegnare le celle di testo

[rrit (Ayke)]

Quindi facciamo questa richiesta di funzionalità:

Funzionalità: aggiungere una notazione speciale per mantenere i punti elenco nelle liste di caselle di controllo

Se c’è una lista di caselle di controllo, al momento la lista viene mostrata senza punti elenco.

- [] punto 1
  - [] punto 2
    - [] punto 3
      - [] punto 4

• punto 1
  • punto 2
    • punto 3
      • punto 4

Aggiungere un apostrofo (ad esempio, Excel testo senza formattazione) davanti alla casella di controllo disabilita già questa funzionalità e i punti elenco sono visibili, ma l’apostrofo dovrebbe essere anche rimosso.

- '[] punto 1
  - '[] punto 2
    - '[] punto 3
      - '[] punto 4

• ' punto 1
  • ' punto 2
    • ' punto 3
      • ' punto 4

<!---
Questo codice markdown:
-->

- '[] punto

<!-- dovrebbe diventare HTML: (nota: nessun apostrofo visibile) -->
<ul>
  <li><span class="chcklst-box fa fa-square-o fa-fw"></span> punto</li>
</ul>

<!-- invece di questo HTML: (nota: apostrofo ancora visibile) -->
<ul>
  <li>'<span class="chcklst-box fa fa-square-o fa-fw"></span> punto</li>
</ul>

[nathank (Nathan Kershaw)]

Una correzione/pulizia più semplice potrebbe essere che un secondo spazio (uno spazio normale, non uno spazio da 0 pt) indichi che dovrebbero essere visualizzati sia il punto elenco che la casella di controllo.

Naturalmente, potrebbe essere un bel grattacapo da programmare!