How to round the Painterro buttons
Since Painterro is codded on HTML and CSS you can candle any attributes/colors/sizes of control elements.
Some props, however, like the sizes of buttons should be configured via js.
Let's assume we want to make our toolbar take 54px
. We will also make button size 42px
Painterro({
toolbarHeightPx: 54,
buttonSizePx:42
}).show()
Now let's add some CSS which adds some
.ptro-icon-btn[class] {
border-radius: 27px;
}
Here how should it look:
( Want to see it in action? Check the fiddle