Vertical alignment of image-only button

[Kaan]

Hello,

When I change the material theme to the default theme, the image inside the image-only button is not vertically aligned in the middle anymore: http://dojo.telerik.com/enefU/3

I have a similar issue with toolbar buttons too: http://dojo.telerik.com/OCICi

Currently I am trying to solve the issue with following CSS style, but it's not perfect:

.k-button .k-image {
    vertical-align: middle;
}

Any recommendations?

 

Best regards,

Kaan

[Orlin]

Hello Kaan,

Thank you for bringing this to our attention. I have logged a bug in our public issue tracker. You can follow it here: https://github.com/telerik/kendo-ui-core/issues/3335

As a work around you can continue using your solution or try the following CSS rule:

.k-button-icon .k-image {
    vertical-align: text-top;
}

I have also updated your Telerik points as a token of gratitude. Thank you for reporting this.



Regards,
Orlin
Progress Telerik