Hi,

I played around with JDs solution (which as such works) and tried to 
simplify and polish it.

To my surprise I ended up with a 'flexless' solution which - at least under 
my conditions (Linux Mint 19.3, Firefox & Chrome) - gives good results:

.tc-editor-toolbar > .tc-reveal > button {
     padding: 0px;
}

.tc-editor-toolbar button .tc-image-button {
     padding: 4px 0px;
     font-size: 1.45em;
}

.tc-editor-toolbar button .tc-image-list-bullet {
     fill: white;
     background-color: #0044BB;
     border-radius: 4px;
}

.tc-editor-toolbar button:hover .tc-image-list-bullet {
     fill: #0044BB;
     background-color: #D1DDF3;
}



One minor issue: the buttons are a little bit wider than normal.

Cheers,

Ton

-- 
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/3e685e81-fa97-4c66-9960-fd37d816bb65%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to