Checklist interferes with bullets

Contribute UX
6

@Firepup650 Nice find! Any character added in front of the checkbox will make the bullet points visible.

  • List
    • . Dot
      • ' Single quote (like in Excel text without formatting)
        • | Pipe

For a general solution: add this custom CSS to your Discourse instance.

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;
}
2 Likes