update: color picker class name

elementor · Nov 14, 2024 · 1efda67 · 1efda67
1 parent 11ef43d
commit 1efda67
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/modules/settings/assets/js/components/color-picker/index.js b/modules/settings/assets/js/components/color-picker/index.js
@@ -27,7 +27,7 @@ const ColorPicker = () => {
 					color={ color }
 					onChange={ setColor }
 					defaultValue="#fff"
-					className="custom-color-picker"
+					className="widget-settings-color-picker"
 				/>
 				<Grid marginTop={ 2 } display="flex">
 					<Box padding={ 2 }

diff --git a/modules/settings/assets/js/components/color-picker/style.css b/modules/settings/assets/js/components/color-picker/style.css
@@ -1,29 +1,29 @@
 .widget-settings-color-picker.react-colorful {
    min-width: 460px;
   }
-.custom-color-picker .react-colorful__saturation {
+.widget-settings-color-picker .react-colorful__saturation {
 border-radius: 0;
 border-bottom: none;
 }
-  
-.custom-color-picker .react-colorful__hue {
+
+.widget-settings-color-picker .react-colorful__hue {
 order: 0;
 }
-  
-.custom-color-picker .react-colorful__hue,
-.custom-color-picker .react-colorful__alpha {
+
+.widget-settings-color-picker .react-colorful__hue,
+.widget-settings-color-picker .react-colorful__alpha {
 height: 14px;
 border-radius: 100px;
 margin-top: 10px;
 }
 
-.custom-color-picker .react-colorful__pointer {
+.widget-settings-color-picker .react-colorful__pointer {
 width: 18px;
 height: 18px;
 }
-  
-.custom-color-picker .react-colorful__hue-pointer,
-.custom-color-picker .react-colorful__alpha-pointer {
+
+.widget-settings-color-picker .react-colorful__hue-pointer,
+.widget-settings-color-picker .react-colorful__alpha-pointer {
 width: 18px;
 height: 18px;
-}
+}