1 hour ago · Tech · hide · 0 comments

Thanks to the current heatwave I’m experiment with moving parts of my bullet journal temporarily away from paper and into Obsidian. While looking for ways how others handle the daily migrations when using checkboxes, I stumbled upon this video by Rob Conery where he describes his setup and mentions that various themes support additional checkbox styles! Luckily, the Minimal theme is one of these. But what if your favourite theme does not support them or you have an idea for another type? So I was curious how this was done under the hood. Obsidian is an Electron app, so all the rendering HTML + CSS in the end and the app not only exposes the usual :checked state of a checkbox but also what is inside the - [ ] braces. If you put a > in there, the input element has a data-task=">" attribute. And all of a sudden, things like this should be possible as the Minimal theme demonstrates in its checklist-icons.scss: input.task-list-item-checkbox[data-task='>']:checked, border: none; background:…

No comments yet. Log in to reply on the Fediverse. Comments will appear here.