Checkbox alignment off at larger font sizes (19+)

bennyxguo / Obsidian-Obsidianite

🎨 Obsidian.md custom theme, it's dark and simple but yet still stays sparkles!

MIT License

279 stars 48 forks source link

Checkbox alignment off at larger font sizes (19+) #42

Open steveylang opened 2 years ago

steveylang commented 2 years ago

As font size increases, the checkbox and text get closer together and start overlapping at font size 20:

Screen Shot 2021-12-14 at 5 31 38 PM

Only the visual position of the checkbox is off, the active 'check area' where you can check off the item is to the left of the rendered box.

Thank you for this wonderful theme! It is not only beautiful but very functional as well

bennyxguo commented 1 year ago

What font size are you using here? @steveylang

xjtu-blacksmith commented 10 months ago

I've found the same problem, when my font-size is larger than 18px.

Perhaps the length units used in definition for the pseudo elements in task-list-item class should be changed to relative ones (e.g. em or rem), rather than the absolute units (px)?