Collapsible/expandable custom properties for TODO blocks with query by property values

Stephan · May 27, 2025, 4:37pm

I’ve written a small custom bit of JS/CSS to make properties of TODOs collapsible/expandable:

live in action

You can also query all TODOs by their custom property and display a table:

All code can be found in this gist:

gist.github.com

https://gist.github.com/stephanschielke/7a9fae189cdf138400376c7789b4ef37

2025_05_06 (Markdown)

- TODO Important stuff [[Tue, 6th May 2025]]
    priority:: 4
    suggestions:: 🧩 Fit into next free slot, ⏰ Set a quick reminder, ⚡ Handle right away
    urgency:: 🔴 
    impact:: 🟡
    effort:: 🟢
    pomodoro:: {{renderer :pomodoro_pevja,25}}
  :LOGBOOK:
  CLOCK: [2025-05-06 Tue 06:01:51]--[2025-05-06 Tue 06:01:52] =>  00:00:01
  :END:

This file has been truncated. show original

TODO (Markdown)

query-table:: true
query-sort-by:: impact
query-sort-desc:: false
query-properties:: [:priority :pomodoro :block :urgency :impact :effort :suggestions :page]
#+BEGIN_QUERY
{:title [:h3 "All (with priorities)"]
 :query
 [:find (pull ?b [*])
  :where
    ;; only TODO or DOING blocks

This file has been truncated. show original

custom.css

/* Header styling */
.ls-block .block-properties-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 1px;
    padding: 1px;
    user-select: none;
    font-size: 0.9em;
    /* ensure it sits above block-content */

This file has been truncated. show original

There are more than three files. show original

Let me know what you think!