[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-15 Thread TonyM
Ton Thanks for pointing me to my own solution. I forgot I bundled them this way. Regards Tony On Friday, March 15, 2019 at 10:06:39 PM UTC+11, Ton Gerner wrote: > > Hi Tony, > > I thought it was you mentioning how to obtain the separate set of > fontawesome icons. > > After some googling I

[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-15 Thread Ton Gerner
Hi Tony, I thought it was you mentioning how to obtain the separate set of fontawesome icons. After some googling I found it: https://groups.google.com/d/msg/tiddlywiki/wp0pY_Aervc/AzjGvGlEAgAJ Cheers, Ton -- You received this message because you are subscribed to the Google Groups

[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-15 Thread Ton Gerner
Hi JD, I should have thought of image width. I totally overlooked it. Tried with padding, margin, ... I ended up with: width=28.5 px; to get the same width as the buttons before coloring. Anyway the .tc-editor-toolbar > .tc-reveal > button was the push in the right direction for my problem.

[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-14 Thread TonyM
Ton, Thanks for raising this question and now the answers are online. In a related issue I have always thought if we want to add buttons and snipits etc... to the EditorToolbar it is a bit of a hassle finding new icons, so using colour will help. I think it would be nice if we could create

[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-14 Thread JD
That's neat, and disregarding the hover effect, even has fewer lines! Again I don't know on desktop how this looks but you can also add a width to the svg to make it narrower. This looks ok on my phone: --- .tc-editor-toolbar button .tc-image-button { padding: 4px 0px; font-size:

[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-14 Thread Ton Gerner
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 {

[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-13 Thread Mohammad
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; >

[tw5] Re: How to change the colors of only one editor toolbar button

2019-03-13 Thread Ton Gerner
Hi JD, Thanks. A quick test shows it works as advertised ;-) Now I have to learn more about 'flex' (as I wrote my CSS knowledge is only basic). I'll play around with your solution to see the effect of the different parameters. Thanks a lot. Cheers, Ton -- You received this message because