Add class to overdue/future tasks

[ramon86]

I'd love to be able to apply some custom CSS to task items that have a due date that is in the past or the future, so I can style these differently. In order to easily accomplish this, it might be nice if those items have an additional class.

Alternatively, the plugin could offer custom styling for such items, but that's a lot more effort.

[schemar]

Splendid idea, thank you! Some other states could also get custom classes. It's not a high priority right now, but it should also not be too much effort 🤔

[702573N]

I would love to see an optional command to apply a user defined class to the whole query. On that way the user can handle special CSS-styles.

not done
due before today
class overdue

[claremacrae]

Please can you add more info. What class name would you want to see for that example?

[claremacrae]

My apologies @702573N , I didn’t read your message closely enough on my phone. It is very clear and a great idea. Thank your for the suggestion.

[702573N]

The optional class parameter should add a custom string as class-name to the highest container element like ‚block-language-tasks‘. The user can then write a custom css snippet containing this class-name in front of the css rules to append custom styles to the whole output. Tasks Query: ``` not done due before today class overdue ``` CSS snippet: ``` .overdue h4.tasks-group-heading { color: red !important; } ```

[claremacrae]

A major new CSS styling capability for Tasks has now been released in Tasks 3.0.0.

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

There is an example in the documentation showing how to style by due date.

But also, I've just written up how I am using this new feature specifically to style overdue, due-today and future tasks:

• Style tasks that are overdue, due today, or in the future #1827

Find out more in the comprehensive user docs.

[ramon86]

Great, thank you so much! Really happy with this :)