I searched the forums, reddit, and google for an answer. I tried the supercharged links plugin to no avail. I tried changing templates as well. Minimal Settings Plugin, Advanced Appearance, etc
What I’m trying to do
Issue: With the tasks plugin, but also more generally, internal links look messy and make it hard to quickly scan a task list. Note: I use Daily Notes.
Example: A task reads as " - [ ] Set up my account (01-09-2021 > [[Finances]]) "
This is hard to read, IMO.
Goal More flexibility in styling a task. It would be cool if a task displayed as:
“- [ ] Set up my account (Link)” OR “- [ ] Set up my account (01-09)” OR “…(Finances)” with everything in parentheses as a clickable link. Being able to choose what shows and how it shows in the parentheses would be nice.
Nice to Have Adding a tiny bit more space between tasks. Overall, I like how the checklist plugin looks but it doesn’t have the functionality I need to query and group tasks how I choose (e.g. by heading, folder path, etc)
Note: I am not technical and do not know CSS. I am learning though!
This is in my snippets file, reduces the backlink text size and italicizes it. I would greatly prefer an icon that I can hover over, maybe that even gave some context, but this at least makes it a lot smaller.
Inspector is where I was able to pull that variation on the css, but I’m not quite sure what to do with the information beyond slightly altering the CSS you provided. I see font-size inheritance from .markdown-source-view, style attribute, and body?
If CSS can’t do the trick, I wonder if editing the source code might? Scroll all the way to the bottom - seems like that last chunk pulls in the full backlink - maybe it could be altered to show an icon or something of the sort?
Follow up question: I’m trying to change the tasks icon link and see that some workspace-header icons have classes. I’m trying to change it to class=tasks that would be a checked checkbox. any ideas? happy to get directed towards resources so i can learn!
You can easily remove underlines just by adding in first block “text-decoration: none;”.
Regarding “second” question, I’m don’t know if I understood correctly. Can you clarify it? I’m not sure if I will be able to help you, though.