Note: On line 5, I switched the field from *published *to *modified* so I
could test on TiddlyWiki.com and forgot to change it back. You probably
want it to be *published*.
On Wednesday, June 23, 2021 at 11:29:59 AM UTC-5 Soren Bjornstad wrote:
> If you switch to using a CSS class rather than the inline style to handle
> your coloring, you can use an a:hover selector to apply different styling
> when the cursor is over the link, like this:
>
> <li class="tc-menu-list-item">
> <$link to={{!!title}} tooltip="Titel: {{!!title}}">
> <$view field="caption"><$view field="title"/></$view>
> <small> --- </small>
> <small class="myclass"><$view field="modified" /></small>
> <small> aus Gruppe: </small>
> <small class="myclass"><$view field="tags"/></small>
> </$link>
> </li>
>
> <style>
> .myclass {
> color: rgba(255, 201, 102, 0.8)
> }
> a:hover .myclass {
> color: red;
> }
> </style>
>
> You can also use *.myclass:hover *as the selector instead of
> *a:hover.myclass*, but then you have to hover directly over the text for
> the color to change, rather than anywhere on the link.
>
> I am not sure if this would work with a drop-down and keyboard selection.
>
> On Wednesday, June 23, 2021 at 10:39:19 AM UTC-5 S² wrote:
>
>>
>> Hello,
>>
>> is it possible to change the color of "published" and "tags" when
>> selecting an entry in the search list:
>> (for "title" it is working fine...)
>> [image: search.png]
>>
>> my Code:
>>
>> <li class="tc-menu-list-item">
>> <$link to={{!!title}} tooltip="Titel: {{!!title}}">
>> <$view field="caption"><$view field="title"/></$view>
>> <small> --- </small>
>> <small style="color:rgba(144, 238, 144, 0.8)"><$view field="published"
>> /></small>
>> <small> aus Gruppe: </small>
>> <small style="color:rgba(255, 201, 102, 0.8)"><$view
>> field="tags"/></small>
>> </$link>
>> </li>
>>
>> Thanks for feedback
>> Stefan
>>
>
--
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+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/ca102a22-10e5-4389-9ddf-f44622609503n%40googlegroups.com.
