Checklist: Checkboxes missing when Fontawesome enabled for icons

[thomas-ferchau]

When enabling Fontawesome for icons (:icons: font), checklists do not contain any checkboxes:

Checkboxes are shown without Fontawesome - but not scaled with the font (see #451):

Workarounds that I use:

Workaround 1: Replace icon class icon-check with far fa-check-square and icon-check-empty with far fa-square in docinfo-footer-revealjs.html:

Workaround 2: Remove bullets and improve spacing in custom CSS (does not look nice for mixed lists, but I do not use those):

Possible fixes:

• Show checkbox icons: Replace icon class icon-check with far fa-check-square and icon-check-empty with far fa-square in templates/ulist.html.slim and lib/asciidoctor-revealjs/converter.rb.

• Remove bullets in check lists and fix spacing: Maybe Add missing list styles #451 would solve that.

[thomas-ferchau]

The example file and workarounds can be found in this repository for reproducing the problem:
https://github.com/thomas-ferchau/asciidoctor-revealjs-checklist-bug

[thomas-ferchau]

If someone can confirm that the change (replacing the icon classes) would be fine, I could of course create a pull request for that.

[ggrossetie]

@thomas-ferchau sorry for the late reply but yes you can submit a pull request. As you've mentioned checklists currently do not look great and we should improve it.

Your second proposal is great. You can take a look at: https://docs.asciidoctor.org/asciidoc/latest/lists/checklist/ which is very close to your second proposal.