Added black/white & better colorpicker position/ui

eea · Dec 5, 2021 · 601e07c · 601e07c
1 parent 6bb63e7
commit 601e07c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/StyleWrapper/EEAColorscheme.js b/src/StyleWrapper/EEAColorscheme.js
@@ -25,10 +25,12 @@ const updatedEEAColorcheme = [
   '#f7a600',
   '#b94b19',
   '#8d4107',
+  '#000000',
   '#6f6f6e',
   '#929291',
   '#bcbcbc',
   '#e3e3e3',
+  '#ffffff',
 ];
 
 export default updatedEEAColorcheme;
diff --git a/src/Widgets/SimpleColorPicker.jsx b/src/Widgets/SimpleColorPicker.jsx
@@ -20,7 +20,7 @@ export default (props) => {
         <Button.Group>
           <Button
             style={{ backgroundColor: value }}
-            onClick={() => setShowPicker(true)}
+            onClick={() => setShowPicker(!showPicker)}
             size="huge"
             title="Pick color"
           >

diff --git a/src/styles.less b/src/styles.less
@@ -173,6 +173,7 @@
   .color-picker {
     position: absolute !important;
     top: 0 !important;
-    transform: translateY(-100%);
+    transform: translateY(45%);
+    z-index: 2;
   }
 }