details[open] summary ~ * {
position: relative;
}
summary {
display: block;
cursor: pointer;
outline: none;
}
summary::-webkit-details-marker {
display: none;
cursor: pointer;
}
summary::before {
content: '\25B6';
font-family: monospace;
font-size: 100%;
padding-right: 3px;
vertical-align: bottom;
}
details[open] > summary::before {
content: '\25BC';
font-family: monospace;
font-size: 125%;
color: red;
padding-right: 4.5px;
vertical-align: bottom;
}
I had to base64 encode my svg. Not nice... Finished up by defining a macro. I will try to find it in my messy archives...
But I didn't ask here. So let's wait for a better solution ;-)
Regards
Sylvain
@sycom
Thank you. Can you share a bit more about what "%3Csvg%20xm......" refers to?
Many thanks,
Hubert
{background: url("<<datauri "$:/core/images/chevron-right">>") no-repeat top left;}
--
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/YznqeuiZyqQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/8ce30f75-5513-4121-b44c-2d490071731a%40googlegroups.com.
Most of the core icons have no type defined (image/svg+xml) AND lacks a xmlns declaration (<svg xmlns="http://www.w3.org/2000/svg" ...)guess it would fix this...
To unsubscribe from this group and all its topics, send an email to tiddl...@googlegroups.com.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/438cd223-ff77-47c4-9a3d-d067a9065faf%40googlegroups.com.
Thank you! It works. However, when I tried to reference one of the built-in icons, it didn't:
{background: url("<<datauri "$:/core/images/chevron-right">>") no-repeat top left;}
Most of the core icons have no type defined (image/svg+xml) AND lacks a xmlns declaration (<svg xmlns="http://www.w3.org/2000/svg" …)
--
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/YznqeuiZyqQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/7BBE975C-1844-4050-951C-DEE24A7129B8%40gmail.com.
For CSS background images you’d need to use an SVG image. I don’t think there’s a straightforward way to convert the core images, you’d probably just need to do it manually.
To unsubscribe from this group and all its topics, send an email to tiddl...@googlegroups.com.