Status tags

Hello,

Thought I’d share my custom tags for tracking note status:

  • Identified - outlined, and will be elaborated later
  • Drafted - content complete, but not spell checked (e.g. do not publish!)
  • Reviewed - checked, and ready for sharing
  • Deprecated - out of late, do not use.

Repurposing unicode + css hackery:

.tag[href="#identified"] {
    font-size: 0;
}

.tag[href="#identified"]:after {
    font-size: initial;
    content:   "▨ identified";
}

.tag[href="#drafted"] {
    font-size: 0;
}

.tag[href="#drafted"]:after {
    font-size: initial;
    content:   "◩ drafted";
}

.tag[href="#reviewed"] {
    font-size: 0;
}

.tag[href="#reviewed"]:after {
    font-size: initial;
    content:   "◼ reviewed";
}

.tag[href="#deprecated"] {
    font-size: 0;
}

.tag[href="#deprecated"]:after {
    font-size: initial;
    content:   "◻ deprecated";
}

Hope this is of use to someone,
Tian

Screenshot 2020-10-18 202742

11 Likes

Thanks, this is useful!

i love this bit of css as i use the tag-pills and emoji’s for my status tags:

3 Likes

@tallguyjenks - that’s kicking it up a level for sure!