Kendo splitter: изменение размера складной значок

Question

Kendo Splitter имеет складное свойство, которое я хочу использовать. Тем не менее, значок - очень маленькая стрелка, которая не интуитивно понятна вообще, пользователи ее почти не видят. Даже когда они знают, что там есть, значок настолько мал, что щелчок на нем занимает некоторое время, так как зависание такого маленького значка происходит не так быстро.

Я хочу, чтобы сделать его больше. Мне удалось увеличить сам разделитель

.k-splitbar.k-splitbar-horizontal{ 
    width: 20px; 
} 

но не маленькая иконка.

Я нашел this post от пользователя с той же проблемой, что и у меня, но решения там не работают, и пользователь не ответил на них.

Answer 1

Как сказано вы можете ovveride правила и здесь есть описание всех правил для плоской темы

.k-splitbar-horizontal .k-resize-handle { 
    background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -330px -573px; 
    width: 20px; height: 20px; 
} 
.k-splitbar-horizontal-hover > .k-resize-handle { 
    background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -360px -573px; 
    width: 20px; height: 20px; 
} 

.k-splitbar-horizontal .k-icon.k-expand-prev{ 
    background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -331px -389px; 
    width: 20px; height: 20px; 
} 
.k-splitbar-horizontal .k-icon.k-collapse-prev{ 
    background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -331px -454px; 
    width: 20px; height: 20px;} 

.k-splitbar-horizontal-hover > .k-icon.k-expand-prev{ 
    background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -361px -389px; 
    width: 20px; height: 20px; 
} 
.k-splitbar-horizontal-hover > .k-icon.k-collapse-prev{ 
    background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -361px -454px; 
    width: 20px; height: 20px; 
} 
.k-splitbar.k-splitbar-horizontal{ 
    width: 15px;}