Hello Christopher,
We've checked the theme file and everything looks fine. The one extra pixel you are seeing is due to the dimensions being set in em and the way the browser interprets them. In order to achieve exact pixel rendering please make sure that the switch widget has font-size: 12px; using the following CSS:
Take a look at the attached image to see how the Switch renders in Chrome with different font-sizes.
In addition, could you share which browser and browser version you are testing with? We will further investigate, if we can make this work as expected for all supported web browsers, no matter what the font size is, as the current version is extensively optimized for mobile.
Regards,
Vasil Yordanov
Telerik
We've checked the theme file and everything looks fine. The one extra pixel you are seeing is due to the dimensions being set in em and the way the browser interprets them. In order to achieve exact pixel rendering please make sure that the switch widget has font-size: 12px; using the following CSS:
.km-switch { font-size: 12px;}Take a look at the attached image to see how the Switch renders in Chrome with different font-sizes.
In addition, could you share which browser and browser version you are testing with? We will further investigate, if we can make this work as expected for all supported web browsers, no matter what the font size is, as the current version is extensively optimized for mobile.
Regards,
Vasil Yordanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!