diff --git a/templates/default/070-components/UI-framework/Input/_ui-component_tree_select.scss b/templates/default/070-components/UI-framework/Input/_ui-component_tree_select.scss index 516a553d8376..a4c286212931 100644 --- a/templates/default/070-components/UI-framework/Input/_ui-component_tree_select.scss +++ b/templates/default/070-components/UI-framework/Input/_ui-component_tree_select.scss @@ -116,7 +116,7 @@ ~ .c-input-node__select { background: $c-drilldown-engaged-bg; } - > li { + &:not(.c-drilldown__menulevel--engagedparent) > li { > .c-input-node__select { background-color: $c-drilldown-selected-bg; position: relative; @@ -129,7 +129,7 @@ } } - &.c-drilldown__menulevel--engaged { + .c-drilldown__menulevel--engagedparent.c-drilldown__menulevel--engaged { > .c-drilldown__branch { > .c-input-node__select { background-color: $c-drilldown-engaged-bg; diff --git a/templates/default/delos.css b/templates/default/delos.css index 7f5b78bccb46..9535fec99908 100644 --- a/templates/default/delos.css +++ b/templates/default/delos.css @@ -9514,33 +9514,33 @@ ul.c-input--has-mustache-variables__definitions > li { .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engaged ~ .c-input-node__select { background: rgb(161.2, 178.7, 201.8); } - .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engaged > li > .c-input-node__select { + .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engaged:not(.c-drilldown__menulevel--engagedparent) > li > .c-input-node__select { background-color: rgb(226.2857142857, 231.6428571429, 238.7142857143); position: relative; z-index: 40; } - .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engaged > li > .c-input-node__select:hover { + .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engaged:not(.c-drilldown__menulevel--engagedparent) > li > .c-input-node__select:hover { background-color: rgb(161.2, 178.7, 201.8); border-color: rgb(161.2, 178.7, 201.8); } - .c-input-tree_select .c-drilldown.c-drilldown__menulevel--engaged > .c-drilldown__branch > .c-input-node__select { + .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engagedparent.c-drilldown__menulevel--engaged > .c-drilldown__branch > .c-input-node__select { background-color: rgb(161.2, 178.7, 201.8); } - .c-input-tree_select .c-drilldown.c-drilldown__menulevel--engaged > .c-drilldown__branch > ul > li > .c-input-node__select { + .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engagedparent.c-drilldown__menulevel--engaged > .c-drilldown__branch > ul > li > .c-input-node__select { display: flex; background-color: rgb(226.2857142857, 231.6428571429, 238.7142857143); position: relative; z-index: 40; } - .c-input-tree_select .c-drilldown.c-drilldown__menulevel--engaged > .c-drilldown__branch > ul > li > .c-input-node__select:hover { + .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engagedparent.c-drilldown__menulevel--engaged > .c-drilldown__branch > ul > li > .c-input-node__select:hover { background-color: rgb(161.2, 178.7, 201.8); border-color: rgb(161.2, 178.7, 201.8); } - .c-input-tree_select .c-drilldown.c-drilldown__menulevel--engaged > .c-drilldown__branch ~ .c-drilldown__branch > .c-input-node__select { + .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engagedparent.c-drilldown__menulevel--engaged > .c-drilldown__branch ~ .c-drilldown__branch > .c-input-node__select { background-color: transparent; border-color: transparent; } - .c-input-tree_select .c-drilldown.c-drilldown__menulevel--engaged > .c-drilldown__branch ~ .c-drilldown__branch > .c-input-node__select:hover { + .c-input-tree_select .c-drilldown .c-drilldown__menulevel--engagedparent.c-drilldown__menulevel--engaged > .c-drilldown__branch ~ .c-drilldown__branch > .c-input-node__select:hover { background-color: rgb(161.2, 178.7, 201.8); border-color: rgb(161.2, 178.7, 201.8); }