search

telerik / kendo-theme-default

The default, SCSS-based theme for Kendo UI
https://www.telerik.com/kendo-ui
Other
16 stars 17 forks source link

DateTimePicker: Increase hit area for icons #857

Closed 06b closed 6 years ago

06b commented 6 years ago

Demo - https://demos.telerik.com/kendo-ui/datetimepicker/index

Currently the DateTimePicker hit area is set to just the icon which requires some precision to hit since it's a 16px by 16px.

capture20180117180254810

The small workaround below adjusts the hit area as follows:

capture20180117180313940

Workaround:

.k-datetimepicker .k-link
{
    display: flex;
    flex-direction: column;
}

.k-datetimepicker .k-link .k-icon
{
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
}
joneff commented 6 years ago

Issue is related to javascript, not the theme in particular. Please follow the related kendo-jquery issue: https://github.com/telerik/kendo-ui-core/issues/4551.