diff --git a/assets/scss/common.scss b/assets/scss/common.scss index 0fac17b..705e75a 100644 --- a/assets/scss/common.scss +++ b/assets/scss/common.scss @@ -691,6 +691,43 @@ a { } &>.v-treeview-node { + + .v-treeview-node--active { + background-color: map-deep-get($config, + #{$theme}, + "v-treeview-node-label-active-bg" + ); + border: 1px solid map-deep-get($config, + #{$theme}, + "v-treeview-node-label-active-border" + ); + border-radius: 8px; + + &:before { + background-color: map-deep-get($config, + #{$theme}, + "v-treeview-node-subroot-backgroundColor" + ); + } + + &>.v-treeview-node__content { + .v-treeview-node__label { + color: map-deep-get($config, + #{$theme}, + "v-treeview-node-label-active-color" + ); + } + + .v-icon { + color: map-deep-get($config, + #{$theme}, + "v-treeview-icon-active-color" + ); + } + } + + } + &>.v-treeview-node__root { &:before { background-color: map-deep-get($config, @@ -736,6 +773,7 @@ a { &>.v-treeview-node__children { &>.v-treeview-node { + &>.v-treeview-node__root { &:before { background-color: map-deep-get($config, @@ -793,117 +831,6 @@ a { ); } - &>.v-treeview-node--active { - &:before { - background-color: map-deep-get($config, - #{$theme}, - "v-treeview-node-subroot-backgroundColor" - ); - } - - &>.v-treeview-node__content { - .v-treeview-node__label { - color: map-deep-get($config, - #{$theme}, - "v-treeview-node-label-active-color" - ); - } - - .v-icon { - color: map-deep-get($config, - #{$theme}, - "v-treeview-icon-active-color" - ); - } - } - } - - &>.v-treeview-node__children { - & .v-treeview-node { - &>.v-treeview-node__root { - &:before { - background-color: map-deep-get($config, - #{$theme}, - "v-treeview-node-subroot-backgroundColor" - ); - } - - &>.v-treeview-node__content { - .v-treeview-node__label { - color: map-deep-get($config, - #{$theme}, - "v-treeview-node-label-color" - ); - } - - .v-icon { - color: map-deep-get($config, - #{$theme}, - "v-treeview-icon-color" - ); - } - } - - &:not(.v-treeview-node--active):hover { - &:before { - background-color: map-deep-get($config, - #{$theme}, - "v-treeview-leaf-active-backgroundColor" - ); - } - - &>.v-treeview-node__content { - .v-treeview-node__label { - color: map-deep-get($config, - #{$theme}, - "v-treeview-leaf-active-color" - ); - } - - .v-icon { - color: map-deep-get($config, - #{$theme}, - "v-treeview-leaf-active-color" - ); - } - } - } - } - - &>.v-treeview-node--active { - background-color: map-deep-get($config, - #{$theme}, - "v-treeview-node-label-active-bg" - ); - border: 1px solid map-deep-get($config, - #{$theme}, - "v-treeview-node-label-active-border" - ); - border-radius: 8px; - - &:before { - opacity: 0 !important; - } - - &>.v-treeview-node__content { - .v-treeview-node__label { - color: map-deep-get($config, - #{$theme}, - "v-treeview-node-label-active-color" - ); - } - - .v-icon { - color: map-deep-get($config, - #{$theme}, - "v-treeview-node-label-active-color" - ); - } - } - } - } - } - &[aria-expanded="true"] { & .v-treeview-node__root>.v-treeview-node__content { .v-treeview-node__label {