Indented checkbox icons behave strangely in reading view

[kkriszt]

Primary Theme Version

v.2.9.1

Debug Info

SYSTEM INFO:
Obsidian version: v1.7.2
Installer version: v1.6.5
Operating system: Windows 11 Pro 10.0.22631
Login status: logged in
Language: en
Catalyst license: insider
Insider build toggle: on
Live preview: on
Base theme: light
Community theme: Primary v2.9.1
Snippets enabled: 0
Restricted mode: off
Plugins installed: 0
Plugins enabled: 0

RECOMMENDATIONS:
Custom theme and snippets: for cosmetic issues, please first try updating your theme and disabling your snippets. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community theme and snippets.

Describe the enhancement

In reading mode, some checkbox icons appear strangely when they are indented under a specific checkbox icon. Their behavior is not consistent, they behave differently depending on which checkbox icon is the parent.

Here are few examples:

[ceciliamay]

woah that's wild. thanks for posting this! i will be investigating this today and will drop some notes so i have one source of truth.

Summary

• the children checkboxes take in the styling of the parent i.e. the gradient background of the in progress, the rotate transform on resched plane icon and pinned note icon
• another bug only in reading mode: when checkbox is hovered, background is accent color (which shouldn't be there, especially if the checkbox icon does not utilize background i.e. pin icon)
• approach: isolate the styling

[ceciliamay]

i was able to fix the icons! but i couldn't fix the cancelled checkbox icon applying the strikethrough to its children (the goal was that the strikethrough only applies to that line like in preview). i will try to follow this up with a better solution in the future, but i have pushed the fix for this now. so please try updating your theme :)

[kkriszt]

Oh, nice, that was faaaast! 🚀 Thank you very much for designing, developing and maintaining this amazing theme! ❤️