react-best-gradient-color-picker - npm Package Compare versions

Comparing version 3.0.3-beta.7 to 3.0.3-beta.8

dist/cjs/components/AdvancedControls.js

@@ -70,4 +70,15 @@ "use strict";
         react_1.default.createElement("div", { className: "c-resize ps-rl", onMouseMove: (e) => handleMove(e) },
-            react_1.default.createElement("div", { style: { left, top: handleTop }, onMouseDown: handleDown, className: "rbgcp-handle", role: "button", tabIndex: 0 }),
             react_1.default.createElement("div", { style: {
+                    left,
+                    top: handleTop,
+                    position: 'absolute',
+                    border: '2px solid white',
+                    borderRadius: '50%',
+                    boxShadow: '0px 0px 3px rgba(0,0,0,.5)',
+                    width: '18px',
+                    height: '18px',
+                    zIndex: 1000,
+                    transition: 'all 10ms linear',
+                }, onMouseDown: handleDown, className: "rbgcp-handle", role: "button", tabIndex: 0 }),
+            react_1.default.createElement("div", { style: {
                     textAlign: 'center',
@@ -74,0 +85,0 @@ color: '#fff',

dist/esm/components/AdvancedControls.js

@@ -42,4 +42,15 @@ import React, { useState, useRef, useEffect } from 'react';
         React.createElement("div", { className: "c-resize ps-rl", onMouseMove: (e) => handleMove(e) },
-            React.createElement("div", { style: { left, top: handleTop }, onMouseDown: handleDown, className: "rbgcp-handle", role: "button", tabIndex: 0 }),
             React.createElement("div", { style: {
+                    left,
+                    top: handleTop,
+                    position: 'absolute',
+                    border: '2px solid white',
+                    borderRadius: '50%',
+                    boxShadow: '0px 0px 3px rgba(0,0,0,.5)',
+                    width: '18px',
+                    height: '18px',
+                    zIndex: 1000,
+                    transition: 'all 10ms linear',
+                }, onMouseDown: handleDown, className: "rbgcp-handle", role: "button", tabIndex: 0 }),
+            React.createElement("div", { style: {
                     textAlign: 'center',
@@ -46,0 +57,0 @@ color: '#fff',

package.json

 {
   "name": "react-best-gradient-color-picker",
-  "version": "3.0.3-beta.7",
+  "version": "3.0.3-beta.8",
   "description": "An easy to use color/gradient picker for React.js",
@@ -5,0 +5,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

400257

increased by0.28%

Lines of code

10489

increased by0.32%

No dependency changes