fedora-docs / fedora-docs-ui

#50 Fix wrapping of checklist-style list items
Merged by darknao. Opened by ferdnyc.
fedora-docs/ ferdnyc/fedora-docs-ui checklist-wrapping  into  main

Download 50.patch

When using AsciiDoctor checklists (an unordered list with list-style:none and a checkbox icon filled in ::before the list content), eliminating the list's normal indentation causes wrapped items to stick out under the checkbox.

A better solution is to leave the normal list indentation in place, and style only the checkbox icon itself with a negative left margin, emulating the browser's normal list formatting more precisely.

A before/after on this change, using a portion of the Font Packaging Guidelines to demonstrate, can be seen here: https://imgur.com/gallery/ZLmGSqz

Currently, in addition to the wrapping issue, sub-bullets nested under checklist items are effectively shown at the wrong (same) level. The CSS changes here will push the child items back down to the correct level of indentation.

rebased onto ec9543117908c7c8766094a38118612c95b996d5

lgtm :thumbsup:

Pull-Request has been merged by darknao

Thanks @darknao. Getting this successfully merged helps make up for the 5 downvotes my Imgur post accumulated. (Jerks!)
Metadata
None
No Tags
Static archive. pagure.io was sunset in 2026; this is a read-only snapshot.
Red Hat Logo

Fedora is sponsored by Red Hat. Learn more about the relationship between Red Hat and Fedora »

© Red Hat, Inc. and others.