vrtmrz / obsidian-tagfolder

MIT License
220 stars 17 forks source link

Better visual separation of tags #60

Closed ggstrader closed 1 year ago

ggstrader commented 1 year ago

It's very difficult to tell in this example that there are actually 2 different tags. image

The view would be more readable if the pill-style tags with slashes were used rather than plain text with arrows image

At the very least, switching to slashes and putting more space between would help. i.e. organization/lists/packing health/physical/climbing

vrtmrz commented 1 year ago

Thank you for suggesting it! possibly depends on the personal flavour, but I am also wanted to customise easily.

We can customise this from v0.15.17 by applying styles, by css snippets.

I am sorry that I could not type so much on my mobile phone. But these classes can be useful for this issue.

.tagfolder-tag.tag-tag {
/*here for the pill style*/
}
.tagfolder-tag.tag-nested-tag::before {
    content: "→ "; /* the delimiter of nested tags */
}

Could you please try this version? Sorry for the rough reply!

ggstrader commented 1 year ago

@vrtmrz after updating, it looks like that's working. Thanks!