More Color: picker tweaks

igvteam · Nov 9, 2024 · defd15b · defd15b
1 parent 513299f
commit defd15b
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 24 deletions.
diff --git a/css/_igv-ui-colorpicker.scss b/css/_igv-ui-colorpicker.scss
@@ -78,16 +78,20 @@ $igv-color-swatch-border-width: 2px;
   height: $igv-color-swatch-size;
 
   font-family: $igv-default-font-face;
-  font-size: medium;
+  font-size: .90rem;
   font-weight: 400;
 
-  color: black;
-  background-color: rgba(200,200,200);
+  color: $igv-trackgear-font-color;
+  background-color: $igv-navbar-toggle-light-color;
 
   border-style: solid;
-  border-width: $igv-color-swatch-border-width;
-  border-color: rgb(99, 99, 99);
+  border-width: thin;
+  border-color: white;
   border-radius: 4px;
 
 }
 
+.igv-ui-color-more-colors:hover {
+  border-color: $igv-navbar-toggle-dark-dark;
+}
+
diff --git a/css/igv.css b/css/igv.css
diff --git a/js/embedCss.js b/js/embedCss.js
diff --git a/js/ui/components/genericColorPicker.js b/js/ui/components/genericColorPicker.js
@@ -135,19 +135,16 @@ function createAndPresentMoreColorsPicker(parent, colorHandler) {
         colorPickerContainer.remove()
     }
 
-    function dismissPicker() {
-        picker.destroy()
-        colorPickerContainer.remove()
-        document.removeEventListener('click', onOutsideClick);
-    }
-
-    function onOutsideClick(event) {
-        if (!colorPickerContainer.contains(event.target) && parent !== event.target) {
-            dismissPicker();
-        }
-    }
-
-    document.addEventListener('click', onOutsideClick);
+    // function onOutsideClick(event) {
+    //     if (!colorPickerContainer.contains(event.target) && parent !== event.target) {
+    //         picker.destroy()
+    //         picker = null
+    //         colorPickerContainer.remove()
+    //         document.removeEventListener('click', onOutsideClick);
+    //     }
+    // }
+    //
+    // document.addEventListener('click', onOutsideClick);
 
     picker.show()
 }