La liste de contrôle interférer avec les balles

[nathank (Nathan Kershaw)]

Lorsque j’ai une liste à puces qui comprend des cases à cocher, les puces ne s’affichent pas. Je ne suis pas sûr s’il s’agit d’une fonctionnalité ou d’un bug. C’est certainement un peu délicat à contrôler.

1. [] élément numéroté normal avec case à cocher
   - puce normale
    - [] case à cocher à puce exemple
[] élément à puce exemple 2
- [] élément à puce exemple 3
   - [] élément à puce exemple 4
         - [] élément à puce exemple 5

donne :

1. élément numéroté normal avec case à cocher
   • puce normale
   • case à cocher à puce exemple
     élément à puce exemple 2

• élément à puce exemple 3
  • élément à puce exemple 4
    - élément à puce exemple 5

[sam (Sam Saffron)]

C’est une fonctionnalité, mais elle pourrait peut-être être affinée. Je vois du CSS pour .has-checkbox qui est délibérément omis en raison du bruit visuel.

[rrit (Ayke)]

J’ai juste expérimenté avec le bon nombre d’espaces préfixés.
Bien sûr, les puces manquent toujours, mais ça rend plutôt bien maintenant !

1. [] élément numéroté normal avec case à cocher A (0 espace préfixe)
    - puce normale A.1 (4 espaces préfixe)
      - [] exemple de puce avec case à cocher A.1 (4 + 2 = 6 espaces préfixe)
    - puce normale A.2 (4 espaces préfixe)
      - [] exemple de puce avec case à cocher A.2 (4 + 2 = 6 espaces préfixe)

Note : nouvelle ligne ajoutée ici entre des listes de types différents

- [] exemple d'élément à puce B (0 espace préfixe)
  - [] exemple d'élément à puce B.1 (2 espaces préfixe)
    - [] exemple d'élément à puce B.1.1 (2 + 2 = 4 espaces préfixe)
      - [] exemple d'élément à puce B.1.1.1 (2 + 2 + 2 = 6 espaces préfixe)
      - [] exemple d'élément à puce B.1.1.2 (2 + 2 + 2 = 6 espaces préfixe)
    - [] exemple d'élément à puce B.1.2 (2 + 2 = 4 espaces préfixe)
  - [] exemple d'élément à puce B.2 (2 espaces préfixe)
    - [] exemple d'élément à puce B.2.1 (2 + 2 = 4 espaces préfixe)
    - [] exemple d'élément à puce B.2.2 (2 + 2 = 4 espaces préfixe)

1. élément numéroté normal avec case à cocher A
   • puce normale A.1
     • exemple de puce avec case à cocher A.1
   • puce normale A.2
     • exemple de puce avec case à cocher A.2

• exemple d’élément à puce B
  • exemple d’élément à puce B.1
    • exemple d’élément à puce B.1.1
      • exemple d’élément à puce B.1.1.1
      • exemple d’élément à puce B.1.1.2
    • exemple d’élément à puce B.1.2
  • exemple d’élément à puce B.2
    • exemple d’élément à puce B.2.1
    • exemple d’élément à puce B.2.2

[nathank (Nathan Kershaw)]

Comment obtient-on une puce ET une case à cocher ? On l’obtient avec des numéros, mais je le veux avec des puces.

1. []
   1. []
   - []

Suggestion

J’aimerais qu’un [] soit présenté dans les listes comme suit :

1. en remplacement d’une puce s’il est utilisé sans marqueur de puce

1.
 []

2. en tant que puce + une case à cocher s’il est utilisé avec un marqueur de puce

1.
 - []

c’est-à-dire que les puces sont traitées de la même manière que les numéros.

[Firepup650 (Firepup Sixfifty)]

@nathank

Comment obtient-on une puce ET une case à cocher ? On l’obtient avec des numéros, mais je la veux avec des puces.

Une indentation très élevée ?

• Liste
  - Test
  • Test
  • Test
• Test

- Liste
      - [] Test
    - [] Test
  - [] Test
- [] Test

Cela ne fait pas de puce de cette façon, mais cela laisse le tiret qui ressemble presque à une puce.

En fait, voici une vraie solution :

• Liste
  • ​ Élément A
    • ​ Élément A.1
      • ​ Élément A.1.1
        • ​ Élément A.1.1.1
  • ​ Élément B

Tout ␆ dans cet exemple doit être remplacé par un espace sans chasse.

- Liste
  - ␆[] Élément A
    - ␆[] Élément A.1
      - ␆[] Élément A.1.1
        - ␆[] Élément A.1.1.1
  - ␆[] Élément B

Espace sans chasse à copier pour tester :

​

[rrit (Ayke)]

@Firepup650 Belle trouvaille ! Tout caractère ajouté devant la case à cocher rendra les points de liste visibles.

• Liste
  • . Point
    • ' Apostrophe (comme dans Excel texte sans formatage)
      • | Barre verticale

Pour une solution générale : ajoutez ce CSS personnalisé à votre instance 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)]

C’est une solution, et elle fonctionne. Mais honnêtement… ça me donne mal à la tête car cela me rappelle fortement comment Excel force à marquer les cellules de texte

[rrit (Ayke)]

Alors faisons de ceci une demande de fonctionnalité :

Fonctionnalité : ajouter une notation spéciale pour conserver les puces dans les listes de cases à cocher

S’il y a une liste de cases à cocher, la liste est actuellement affichée sans puces.

- [] point 1
  - [] point 2
    - [] point 3
      - [] point 4

• point 1
  • point 2
    • point 3
      • point 4

Ajouter une apostrophe (par exemple, Excel texte sans formatage) devant la case à cocher désactive déjà cette fonctionnalité et les puces sont visibles, mais l’apostrophe devrait en plus être supprimée.

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

• ' point 1
  • ' point 2
    • ' point 3
      • ' point 4

---
Ce code markdown :
--

- '[] point

<!-- devrait devenir du HTML : (note : pas d'apostrophe visible) -->
<ul>
  <li><span class="chcklst-box fa fa-square-o fa-fw"></span> point</li>
</ul>

<!-- au lieu de ce HTML : (note : apostrophe toujours visible) -->
<ul>
  <li>'<span class="chcklst-box fa fa-square-o fa-fw"></span> point</li>
</ul>

[nathank (Nathan Kershaw)]

Une solution plus simple / un nettoyage pour cela pourrait être qu’un deuxième espace (un espace normal, pas un espace de 0 pt) indique qu’il doit afficher à la fois la puce et la case à cocher.

Bien sûr, cela pourrait être un vrai casse-tête à coder !