How to change list filter to comma-separated in $:/core/ui/EditTemplate/tags

[David Gifford]

Hi all

I am trying to make the tags editor work better for me, and I have made some progress.

In a clone of $:/core/ui/EditTemplate/tags I changed tw-tag-label to
 

.tw-tag-label-giffmex-plain

then I added this to my stylesheet:

.tw-block-dropdown-wrapper {width:800px;}
.tw-block-dropdown {width:800px;white-space:normal;}
.tw-tag-label-giffmex-plain {font-weight:normal;color:#000;font-size:9pt;}

This widened the dropdown area, reduced the font size, and changed the font color.

I successfully removed

<$set name="backgroundColor" value={{!!color}}><span style=<<tag-styles>> class="tw-tag-label">

and </span></$set> to remove the tag pill background color.

I also tried adding

.tw-tag-label-giffmex-plain a.tw-tiddlylink:hover {background-color:#ddeeff;}

but that doesn't seem to affect the styles upon hovering. But I am okay with the current hover style, so that is not my question.

My question is, how can I get the dropdown list in the tag editor to display as a comma-separated list rather than a list that stacks the tags vertically? I would like to come close to the results in the IntelliTaggerPlugin for TWC, as in http://www.giffmex.org/davesbraintags.html. The current vertical stacking of tags in the tags editor dropdown does not suit my needs.

I tried adding {display:inline; list-style:none;} to a few styles mentioned in the tiddler  $:/core/ui/EditTemplate/tags, to no avail. Since it is a list filter there should be a way to configure it, but something, including my lack of knowhow, is keeping me from success. Any help?

[Jeremy Ruston]

Hi Dave

Try adding these two definitions:

.tw-block-dropdown {

white-space: normal;

}

.tw-block-dropdown a {

display: inline-block;

}

Best wishes

Jeremy

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
Jeremy Ruston
mailto:jeremy...@gmail.com

[David Gifford]

Yeeeaaaaaaah! Also, I figured out the hover CSS too!

File attached so anyone who wishes can see the  results.

[David Gifford]

Thanks Jeremy!

[Danielo Rodríguez]

Hello Dave

Can you please link us to a full working example? Thank you

[David Gifford]

Danielo, I attached a working example to one of the posts in this thread. Are you not able to open that? I will upload it later, but I want to wait because I am using that same file to play with other stuff, and that other stuff is not finished yet.

[Danielo Rodríguez]

I opened your example, but there is no comma-separated list when you click the tag pill because there is only ONE tiddler tagged with each tag.

Regards

[David Gifford]

Hi, Danielo, what I meant by comma-separated list was not the drop down list when clicking on tag pills, but the drop down for the tag editor in the EditTemplate.

And, when I wrote comma-separated list, it was not so much that I wanted commas, but that the results would appear horizontally rather than vertically. And in the example in the tag editor you can see I got exactly what I wanted. I am pretty pleased with it.

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/wdeOfIU_xDY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
David Gifford
Christian Reformed World Missions, Mexico City