This is a migrated thread and some comments may be shown as answers.

Vertical alignment of image-only button

1 Answer 412 Views
Button
This is a migrated thread and some comments may be shown as answers.
Kaan
Top achievements
Rank 1
Kaan asked on 19 Jun 2017, 12:45 PM

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

1 Answer, 1 is accepted

Sort by
0
Orlin
Telerik team
answered on 21 Jun 2017, 07:17 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Button
Asked by
Kaan
Top achievements
Rank 1
Answers by
Orlin
Telerik team
Share this question
or