fix: center color picker circle under mouse pointer

scttcper · Jun 7, 2018 · b4b94cf · b4b94cf
1 parent f4a328b
commit b4b94cf
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/lib/common/saturation.component.ts b/src/lib/common/saturation.component.ts
@@ -60,7 +60,7 @@ import { HSLA, HSVA, HSVAsource } from './helpers/color.interfaces';
       box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3), 0 0 1px 2px rgba(0,0,0,.4);
       border-radius: 50%;
       cursor: hand;
-      transform: translate(-2px, -2px);
+      transform: translate(-2px, -4px);
     }
   `,
   ],

diff --git a/src/lib/components/chrome/chrome.component.ts b/src/lib/components/chrome/chrome.component.ts
@@ -131,7 +131,7 @@ export class ChromeComponent extends ColorWrap {
     height: '12px',
     borderRadius: '6px',
     boxShadow: 'rgb(255, 255, 255) 0px 0px 0px 1px inset',
-    transform: 'translate(-6px, -6px)',
+    transform: 'translate(-6px, -8px)',
   };
   pointer: {[key: string]: string} = {
     width: '12px',

diff --git a/src/lib/components/photoshop/photoshop.component.ts b/src/lib/components/photoshop/photoshop.component.ts
@@ -141,7 +141,7 @@ export class PhotoshopComponent extends ColorWrap {
     height: '12px',
     borderRadius: '6px',
     boxShadow: 'rgb(255, 255, 255) 0px 0px 0px 1px inset',
-    transform: 'translate(-6px, -6px)',
+    transform: 'translate(-6px, -10px)',
   };
   constructor() {
     super();