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
0
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
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!