tree css changes to make selection and active note more distinct

zadam · May 24, 2022 · 541d451 · 541d451
1 parent 7c64dc9
commit 541d451
Showing 1 changed file with 8 additions and 14 deletions.
diff --git a/src/public/stylesheets/tree.css b/src/public/stylesheets/tree.css
@@ -157,33 +157,27 @@ span.fancytree-node.fancytree-active-clone:not(.fancytree-active) .fancytree-tit
     padding-left: 20px;
 }
 
-span.fancytree-active .fancytree-title {
-    font-weight: bold;
-    border: 0;
-}
-
 span.fancytree-active {
-    border-color: var(--main-border-color) !important;
-    border-radius: 5px;
-}
-
-span.fancytree-active, span.fancytree-active.fancytree-selected {
     color: var(--active-item-text-color) !important;
     background-color: var(--active-item-background-color) !important;
-    border-color: var(--main-background-color) !important; /* invisible border */
+    border-color: transparent; /* invisible border */
     border-radius: 5px;
 }
 
+span.fancytree-active .fancytree-title {
+    font-weight: bold;
+    border: 0;
+}
+
 span.fancytree-selected {
     color: var(--hover-item-text-color) !important;
-    background-color: var(--hover-item-background-color) !important;
-    border-color: var(--main-background-color) !important; /* invisible border */
+    border-color: var(--main-border-color) !important;
     border-radius: 5px;
-    font-style: italic;
 }
 
 span.fancytree-selected .fancytree-title {
     text-decoration: underline;
+    font-style: italic;
 }
 
 span.fancytree-node:hover {