Skip to content

Conversation

@anandakbari
Copy link

Summary

Fixes issue addressed in #3826 where markdown task list items were displaying both bullet points and checkboxes in presentation view.

Changes Made

  • Added CSS rule .reveal li:has(> input[type="checkbox"]) { list-style: none; } to remove bullet points from task list items
  • Applied the fix to the main theme template (css/theme/template/theme.scss)

Before/After

Before: Task list items showed both bullets (•) and checkboxes
Screenshot
image

After: Task list items show only checkboxes, no bullets
Screenshot
image

Technical Details

  • Uses the :has() pseudo-class to target <li> elements that contain checkbox inputs
  • The selector li:has(> input[type="checkbox"]) ensures only direct child checkboxes are affected
  • Maintains compatibility across all reveal.js themes

Tests Performed

  • Verified fix works in multiple themes
  • Tested with both checked [x] and unchecked [ ] task items

@madukan
Copy link

madukan commented Oct 23, 2025

Looks good to me @anandakbari

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants