short-mode -style backlinks only (not short-mode for dates) in query?

[AnnaKornfeldSimpson]

For one of my query blocks, I'd like have my back-links displayed short-mode style, but I can't use actual short-mode in that block because I need the due/scheduled/start dates visible. I also don't want to hide the backlink: my workflow for that query block involves clicking the backlink, but unlike the dates, I don't need to see the path of backlink in the query results. Is the best way to achieve this with custom CSS on the tasks-backlink attribute? I found the links below but they don't quite put all the pieces together for me.

Related: #585 #622 Styling page in docs

Does anyone have a snippet handy that I could use to get a short-mode style backlink? Ideally one where I could choose per-query whether to use the shorter or longer backlinks. Thanks!

[claremacrae]

Is the best way to achieve this with custom CSS on the tasks-backlink attribute?

From looking at the code, yes, I think that this is the best bet.

There's quite a few references to "tasks-backlink" if you search the whole repo. For example: #622 (comment)

Also, maybe something like this question and its answers might show how to replace the backlink text with an icon?

[AnnaKornfeldSimpson]

Not the prettiest, but ended up with the following snippet that makes use of the github emoji API:

li.plugin-tasks-list-item > span.tasks-backlink > a {
    content: url(https://github.githubassets.com/images/icons/emoji/unicode/1f517.png);
    height: .9em;
}

This leaves the parentheses around the emoji because those come from the span, but that's not a big issue for me.

[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/