Issue #282: Fixing the bug that selected dropdown elements in Custome…

…rInterface are not properly colored (#1654)
RotherOSS · Mar 15, 2022 · c43a21a · c43a21a
1 parent f00fb52
commit c43a21a
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css b/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css
@@ -603,21 +603,6 @@ input[readonly=readonly] {
     height: 48px;
 }
 
-.jstree-node[aria-selected="true"] {
-    background-color: #c4cdfa;
-    background-color: var(--colNotifyOK);
-}
-
-.jstree-node > .jstree-wholerow-hovered {
-    background-color: #f7f7f9;
-    background-color: var(--colBGLight);
-}
-
-.jstree-node[aria-selected="true"] > .jstree-wholerow-hovered {
-    background-color: #6d83f2;
-    background-color: var(--colHoverLight);
-}
-
 .jstree-anchor {
     pointer-events: none;
     font-size: 16px;
@@ -1042,6 +1027,25 @@ div.InputField_ToolbarContainer ul li a:hover {
     background: transparent;
 }
 
+.jstree-InputField .jstree-wholerow-ul .jstree-wholerow-clicked {
+    background-color: #c4cdfa;
+    background-color: var(--colNotifyOK);
+}
+
+.jstree-InputField .jstree-wholerow-ul .jstree-wholerow:hover,
+.jstree-InputField .jstree-wholerow-ul .jstree-wholerow-hovered,
+.jstree-InputField .jstree-focused > .jstree-wholerow {
+    background-color: #f7f7f9;
+    background-color: var(--colBGLight);
+}
+
+.jstree-InputField .jstree-wholerow-ul .jstree-wholerow-clicked:hover,
+.jstree-InputField .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered,
+.jstree-InputField .jstree-focused >.jstree-wholerow-clicked {
+    background-color: #6d83f2;
+    background-color: var(--colHoverLight);
+}
+
 /**
  * @subsection  jsTree theme - No Tree variant
  */