obsidian-tasks-group / obsidian-tasks-custom-icons

Replace emojis used in Obsidian Tasks with monotone SVGs (obsidian css snippet generator)
58 stars 9 forks source link

Link and Edit buttons #2

Closed vi-cat closed 5 months ago

vi-cat commented 1 year ago
2023__July_19_-_Wednesday_-_Qontoer_-_Obsidian_v1_3_5

I have enabled the Lucile css file. The Link and Edit buttons for each task is still using the old icon. How do I update them? they're breaking the vibe :)

replete commented 1 year ago

Are you using another CSS snippet relating to tasks?

That will need updating with some CSS to apply the font to the element showing the 🔗.

Probably something like:

.plugin-tasks-query-result .tasks-backlink::before {
font-family: 'TasksMonoEmojis';
}
vi-cat commented 1 year ago

No, I don't. The backlink object does not use ::before:

<span class="tasks-backlink"><a rel="noopener" target="_blank" class="internal-link internal-link-short-mode"> 🔗</a></span>

And this is the edit button:

<a class="tasks-edit"></a>
vi-cat commented 1 year ago

After doing more investigation, I was able to have the link button render property by:

span.tasks-list-text,
a.internal-link,
.cm-line:has(.task-list-label) [class^=cm-list-] {
    font-family: 'TasksMonoEmojis', var(--font-text);
}
replete commented 1 year ago

This would have been a nice PR, thanks for letting me know!

----- Original message ----- From: "Virginia C." @.> To: replete/obsidian-tasks-custom-icons @.> Cc: Phil Ricketts @.>, Comment @.> Subject: Re: [replete/obsidian-tasks-custom-icons] Link and Edit buttons (Issue #2) Date: Monday, 24 July 2023 11:25

After doing more investigation, I was able to have the link button render property by:

• Cloning the repo • Running the build command • Adding a.internal-link to the resulting css span.tasks-list-text, a.internal-link, .cm-line:has(.task-list-label) [class^=cm-list-] { font-family: 'TasksMonoEmojis', var(--font-text); }

— Reply to this email directly, view it on GitHub https://github.com/replete/obsidian-tasks-custom-icons/issues/2#issuecomment-1647726468, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAGGI2Z3KRTKE3BCSE2MX63XRZLSFANCNFSM6AAAAAA2PZYFJQ. You are receiving this because you commented.Message ID: @.***>

Phil Ricketts +44 7895 874 240

replete commented 5 months ago

Link icon was added to Lucide iconfont previously.