44r0n7/privacy.sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bad highlighting of selected nodes when using keyboard navigation

Browse Source
This commit is contained in:
undergroundwires
2020-09-04 01:24:35 +01:00
parent db74531cd4
commit 255133af4d
1 changed files with 35 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/presentation/styles/tree.scss
View File

@@ -2,42 +2,40 @@
@import "@/presentation/styles/colors.scss";
.tree {
background-color: $slate;
}
.tree-node > .tree-content > .tree-anchor > span {
color: $white !important;
text-transform: uppercase;
color: $light-gray;
font-size: 1.5em;
}
.tree-node {
white-space: normal !important;
}
.tree-arrow.has-child {
&.rtl:after, &:after {
border-color: $white !important;
background: $slate;
&-node {
white-space: normal !important;
> .tree-content {
> .tree-anchor > span {
color: $white;
text-transform: uppercase;
font-size: 1.5em;
}
&:hover {
background: $dark-gray !important;
}
}
&.selected { // When using keyboard navigation it higlights current item and its child items
background: $gray;
.tree-text {
color: $black !important;
}
}
}
&-checkbox {
&.checked {
background: $accent !important;
}
&.indeterminate {
border-color: $gray !important;
}
background: $dark-slate !important;
}
&-arrow {
&.has-child {
&.rtl:after, &:after {
border-color: $white !important;
}
}
}
}
.tree-node.selected > .tree-content {
> .tree-anchor > span {
font-weight: bolder;
}
}
.tree-content:hover {
background: $dark-gray !important;
}
.tree-checkbox {
&.checked {
background: $accent !important;
}
&.indeterminate {
border-color: $gray !important;
}
background: $dark-slate !important;
}