fixbug active menu item
This commit is contained in:

parent
238fdb5fc5
commit
40addfe639
@ -691,6 +691,43 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&>.v-treeview-node {
|
&>.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 {
|
&>.v-treeview-node__root {
|
||||||
&:before {
|
&:before {
|
||||||
background-color: map-deep-get($config,
|
background-color: map-deep-get($config,
|
||||||
@ -736,6 +773,7 @@ a {
|
|||||||
|
|
||||||
&>.v-treeview-node__children {
|
&>.v-treeview-node__children {
|
||||||
&>.v-treeview-node {
|
&>.v-treeview-node {
|
||||||
|
|
||||||
&>.v-treeview-node__root {
|
&>.v-treeview-node__root {
|
||||||
&:before {
|
&:before {
|
||||||
background-color: map-deep-get($config,
|
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"] {
|
&[aria-expanded="true"] {
|
||||||
& .v-treeview-node__root>.v-treeview-node__content {
|
& .v-treeview-node__root>.v-treeview-node__content {
|
||||||
.v-treeview-node__label {
|
.v-treeview-node__label {
|
||||||
|
Reference in New Issue
Block a user