Task Overview / Simple query design
How to change the design of my proposed Task Overview to a simple bullet list
This post is part of a series of articles explaining how I use Roam Research to manage my work, side projects, and private life. While the basic ideas will be freely available, additional background information and unique customizations (like this) will only be available to paying subscribers.
In my last article, I explained how I work with the Daily Notes Page and Tasks. I've shown a simplified Task Overview. In this post, my paying subscribers get the CSS code needed to replicate it.
“Like all magnificent things, it's very simple.”
― Natalie Babbitt, Tuck Everlasting
In my last post, I created a Task Overview based on queries, which you can find here. With Roam Studios Quattro theme, this looks very busy:
Therefore, I created some CSS customizations you can add to your graph to achieve the following simplified view I use:
Please note the hidden #.list-query tag after the headlines (Due today, Overdue, …), which toggles the custom formatting below.