This is a migrated thread and some comments may be shown as answers.
Kendo.common.css Firefox Button Padding
1 Answer 37 Views
This is a migrated thread and some comments may be shown as answers.
sara
Top achievements
Rank 1
sara asked on 01 May 2012, 11:05 PM

We have a page where we have included the kendo.common.css stylesheet.  When we view this page in Firefox, we notice that all of our buttons are really tall.  We've tracked this issue down and it is due to the following style in kendo.common.css:

/* Override the important default line-height in Firefox 4+ */
:-moz-any(input[type="submit"], input[type="button"], input[type="reset"]) {
    padding-bottom: 0.37em;
    padding-top: 0.37em;
}

This applies top and bottom padding to any button on our page.  This seems wrong, should this not be something more specific than any button, maybe something like (or some variation thereof):

/* Override the important default line-height in Firefox 4+ */
input.k-button:-moz-any(input[type="submit"], input[type="button"], input[type="reset"]) {
padding-bottom: 0.37em;
padding-top: 0.37em;
}

Thanks,
Sara

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 02 May 2012, 12:14 PM
Hi Sara,

Thank you for noticing. It has been fixed and the fix will be available with the next internal build and later in the service pack. I also updated your points for the find.

All the best,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
sara
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or