Kendo TreeView выделил CSS внутри div

Question

У меня было это дерево кендо.Когда выбираете node или sub's-node, я хочу, чтобы оранжевый цвет был на полной строке и то же самое с другими (см. Изображение ниже).

I, чтобы использовать скрипт ниже, но когда дело доходит до подгруппы,выравнивать не то же самое.Благодарим Вас за помощь.

.k-treeview span.k-in {
  margin-left: -10%;
  padding-left: 10%;
  padding-right: 60%;  
}

DEMO IN DOJO

Answer 1

Дерево в настоящее время работает так, что li.k-item имеет левый отступ 16px, поэтому для второго уровня это 32px и т. Д.

Что вам нужно сделать, это поместить механизм отступа куда-нибудьостальное.У вашего li.k-item не должно быть левого отступа, но внутри должен быть div.В зависимости от шаблона вашего предмета это будет что-то вроде:

.k-treeview li > div { padding-left: 16px }
.k-treeview li li > div { padding-left: 32px }
.k-treeview li li li > div { padding-left: 48px }

. Вы можете создать дюжину уровней с меньшим или меньшим.

Если у вас есть это, вы можете стилизовать выбранную строку:

li[aria-selected="true"] { border: 2px solid orange }