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.

Reply via email to