WordPress#5258 Color Palette - Added dashicon for rainbox color picke…

…r, and required css fix Signed-off-by: Faishal Saiyed <[email protected]>
faishal · Mar 6, 2018 · 21a5742 · 21a5742
1 parent d459ee9
commit 21a5742
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/blocks/color-palette/index.js b/blocks/color-palette/index.js
@@ -8,7 +8,7 @@ import { map } from 'lodash';
 /**
  * WordPress dependencies
  */
-import { Dropdown, withContext } from '@wordpress/components';
+import { Dropdown, withContext, Dashicon } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 
 /**
@@ -53,7 +53,9 @@ export function ColorPalette( { colors, disableCustomColors = false, value, onCh
 							onClick={ onToggle }
 							aria-label={ __( 'Custom color picker' ) }
 						>
-							<span className="blocks-color-palette__custom-color-gradient" />
+							<span className="blocks-color-palette__custom-color-gradient">
+								<Dashicon icon="admin-customizer" />
+							</span>
 						</button>
 					) }
 					renderContent={ () => (

diff --git a/blocks/color-palette/style.scss b/blocks/color-palette/style.scss
@@ -104,6 +104,11 @@ $color-palette-circle-spacing: 14px;
 	left: 0;
 	border-radius: 50%;
 	overflow: hidden;
+	.dashicon{
+	  color: $white;
+	  position: relative;
+	  margin: 10%;
+	}
 }
 
 .blocks-color-palette__custom-color .blocks-color-palette__custom-color-gradient:before {