Added to TW-Scripts
On Wednesday, March 13, 2019 at 8:19:29 PM UTC+3:30, JD wrote:
>
> Hi Ton,
>
> Sorry for the formatting, I'm on my phone!
>
> I got it by doing something like this...
>
> ---
>
> .tc-editor-toolbar > .tc-reveal > button {
> display: inline-flex;
> padding: 0;
> }
>
> .tc-editor-toolbar button .tc-image-button {
> padding: 2px;
> font-size: 1.25em;
> }
>
> .tc-editor-toolbar button .tc-image-list-bullet {
> display: flex;
> align-items: stretch;
> justify-content: stretch;
> fill: red;
> background-color: yellow;
> }
>
> ---
>
> More experienced people might have a better solution, but what I basically
> did was to set the button to flex so that the svg it contains can fill it
> up, and then the svg itself can now be targeted to have a background. The
> background will now fill the button thanks to inline-flex.
>
> I set a font size to tc-image-button because inline-flex affected the size
> of the button, and i used inline-flex instead of flex so the buttons will
> arrange themselves inline without needing for the whole container to be set
> to flex too.
>
> I wonder if this will work nicely in all cases hehe
>
> -jd
>
>
--
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/d3e3addf-bcce-473f-8e9f-8bf214307ecc%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
