Styling for task properties?

[autonia]

Would it be possible to add a span that we can style to enclose all of the task properties (priority, dates, recurrence, etc.)? I'd like to be able to de-emphasize them as they can be quite visually noisy and result in over-reliance on short mode. I'm able to do so for the backlinks since there is a class to reference, and there I bump the text-size down and dial back the opacity. It helps a lot in reducing their prominence, but still allows me to know context for a task if necessary.

I took a stab at modifying the source code by simply adding a span in the Task.toString function, but, as you can imagine, that resulted in the span tag appearing in the actual text of the task when editing.

BTW, I just LOVE this plugin. It's fundamentally changed how I use Obsidian and how I work! Thank you. :-)

[claremacrae]

Nice idea.

To get the thinking going, would you be able to suggest names for the spans that could be consistent with any pre-existing spans created by the plugin please?

[autonia]

Thanks!

Looking at the code, I don't see a specific way in which that group of properties is referred to, so I'd just suggest "tasks-properties" for the span to be consistent with the other classes already defined.

[claremacrae]

Thanks!

Looking at the code, I don't see a specific way in which that group of properties is referred to, so I'd just suggest "tasks-properties" for the span to be consistent with the other classes already defined.

Oh I see, thanks. I had wrongly thought you were wanting differing names for different parts (like due, scheduled, priority etc)

[autonia]

I suppose that could be a thing, but doesn't seem necessary for the intent that I'd had in mind.

[autonia]

Btw, this is the styling I use for backlinks, and in my tests, it works for the properties as well:

.tasks-backlink { font-size: 0.7em; opacity: 0.6; filter: grayscale(60%); }

[claremacrae]

Thank you! I've taken the liberty of cribbing this for the documentation!
How to style backlinks: https://obsidian-tasks-group.github.io/obsidian-tasks/how-to/style-backlinks/

[wc8]

How would one apply this to the other properties?

[claremacrae]

You can’t yet. There is work in progress in it currently, but I don’t know the timescale of it being finished and releasing.

[claremacrae]

This has now been released in Tasks 3.0.0.

Huge thanks to @esm7 for this tremendous body of work!

Find out more in the comprehensive user docs.