I noticed the other day while using this theme that tasks within callout boxes break the boxes. The checkbox is no longer visible, but still clickable, while a new uninteractible checkbox appears to the left edge of the callout box. I have identified the code blocks that are responsible, but I'm not sure how to fix them. The code blocks responsible are below:
Here are also images of the issue. This first one is if these code blocks are left alone:
And here is if I comment out or delete the two code blocks above:
Again, I'm not sure what is the problem as I've tweaked some of the numbers here and tried going from relative to absolute, but nothing short of getting rid of them entirely is working.
I noticed the other day while using this theme that tasks within callout boxes break the boxes. The checkbox is no longer visible, but still clickable, while a new uninteractible checkbox appears to the left edge of the callout box. I have identified the code blocks that are responsible, but I'm not sure how to fix them. The code blocks responsible are below:
`.contains-task-list .task-list-item { position: relative; vertical-align: middle; box-sizing: border-box; padding-left: 30px; }
.contains-task-list .task-list-item input[type='checkbox'] { position: relative; top: 2px; left: -8px; width: 20px; height: 20px; margin: 0; opacity: 0; z-index: 10; }`
Here are also images of the issue. This first one is if these code blocks are left alone:
And here is if I comment out or delete the two code blocks above:
Again, I'm not sure what is the problem as I've tweaked some of the numbers here and tried going from relative to absolute, but nothing short of getting rid of them entirely is working.