show tags without "#" sign

they86

For better visibility, I would like the option to drop the “#” in the way tags are shown:

Don’t get me wrong: you should still be able to add tags by typing “#”.
But once you’ve completed your tag, it would be nice to only see “freetime” instead of “#freetime”.

webalstrom

You might be able to use CSS to change the appearance of tags. You would still enter them using by typing “#” but then they could look more like the they86 shows in their example (“sport” in a red red jelly bean). I was able to do this in another outliner app that allows custom CSS but I haven’t explored thee CSS in Legend beyond the preset options.

Jerud

This is a pretty reasonable ask, considering that tags can now get styled in the Theme editor so they stand out quite distinctly (if desired). Plenty of other elements in Legend accept a keystroke to initiate them and then hide the character afterwards.

wecanseeformiles

I would also like an alternative to typing ‘#’ to enter a tag. ‘#’ is easy to type on the PC but requires the following on a Mac keyboard .

On a UK keyboard to type # you should press: Alt/Option-3 = #

On a US keyboard to type # you need only press: Shift-3 = #

Jeff

wecanseeformiles The hash sign has become the defacto standard for tags, so I don’t see that changing in Legend. I don’t quite see how option-3 is much more difficult to type than shift-3, which everyone with a US keyboard does, whether Mac or PC. But if you need an easier way to type it, you could use the free Karabiner Elements software to re-map your keyboard in any way you like, such as making it match a UK PC keyboard, mapping # to a function key, etc.

wecanseeformiles

Jeff That’s a fair point about the hash sign being the de facto standard for tags and I accept that. I’ll take a look at the free Karabiner software for remapping keyboards. Thanks for that recommendation.

they86

webalstrom Unfortunately I don’t now any CSS… 🙁
But if anybody could write a little code for that and share it here, that would be awesome!! 😀

webalstrom

I am not very versed in CSS, but I am good at cutting and pasting (and modifying) other people’s code. After playing around a little bit, I was able to get a red pillbox around the tab, but I can’t figure out how to remove the hash tag. This code would need to be copied and pasted under the “.tag” element in the Layout CSS code section of the Display Settings. Scroll down until you find “.tag”, delete whatever is there now and insert (I would suggest copying what is there now and saving it someplace just in case! or you can always hit “Reset” if something bad happens):

{
  display: inline-block;
 border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
 padding-left: 7px; 
 padding-right: 7px;
 height: 24px;
 background-color: DarkRed !important;
 color: white !important;
    font-weight: normal;
 text-decoration: none;
}

To remove the hash tag, I was able to do that in Dynalist (where I got the above code from) by using the “::first-letter” attribute, but this doesn’t seem to work in Legend. I will paste the code here (with the Dynalist node name) just for reference in case someone smarter than me can figure it out!

.node-tag::first-letter
{
  font-size: 0%;
}