Hello,
I'm creating a new toolbar and I'm experiencing some problems styling the
svg of the buttons.
I want the buttons to look exactly the same than the rest of the buttons.
That means to change the color of the button when mouse over and to change
the color of the button when defined on the template.
I can't use any of the clases already defined because they have floating
options that doesn't fit my needs.
Here is my css, but it is not working.
.tw-infoToolbar-controls button svg{
height:1.7em;
<<transition "fill 150ms ease-in-out">>
}
.tw-infoToolbar-controls button svg{
<<transition "fill 150ms ease-in-out">>
}
.tw-infoToolbar-controls button {
margin: 0px 5px 0px 5px;
}
.tw-infoToolbar-controls {}
.tw-infoToolbar-controls button.tw-selected svg {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
}
Thanks in advance.
--
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
