chadtmiller.com/knotless

Switch repository

Loading…

What changes

A list item that starts with a checkbox (- [ ], - [x]) no longer shows a bullet beside its box. The box sits where the bullet was, as GitHub draws task lists. Plain items in the same list keep their bullets. This applies to anything drawn as .prose: issues, pulls, comments and READMEs.

Why

A bullet followed by a box drew two markers on every task item. This is the follow-up to The author of an issue, pull or comment ticks its task boxes on the page, which makes the boxes tickable.

How it was checked

• just look issue with a body holding top-level tasks, a nested task and a plain item, in desktop light and phone dark.
• No recorded page has a task list, so the shots check should move nothing.

Shortcomings

A nested list still leaves the outer list's bottom margin under it. That was already the case and is not changed here.

🤖 Generated with Claude Code

This adds one CSS rule to web/src/app.css. A .prose list item whose first child is a checkbox gets list-style:none. The checkbox is pulled left by --space-5 into the space the bullet used, and gets a small right margin. Plain items keep their bullets.

I couldn't check the rendering. The tokens it uses (--space-1-5, --space-5) exist. .prose ul has no padding override, so the browser's default indent leaves room for the box. The :has() and :first-child selectors only match task items. I found nothing that needs to change.