How to round the Painterro buttons

#StandWithUkraine
Today, 25th June 2022, Ukraine is still bravely fighting for democratic values, human rights and peace in whole world. Russians ruthlessly kill all civilians in Ukraine including childs and destroy their cities. We are uniting against Putin’s invasion and violence, in support of the people in Ukraine. You can help by donating to Ukrainian's army.

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:

( round the Painterro buttons Want to see it in action? Check the fiddle

#painterro
1
Ivan Borshchov profile picture
Oct 25, 2020
by Ivan Borshchov
Did it help you?
Yes !
No

Best related