Fix: Disabled block switcher icons are blurry (#15643)

WordPress · May 16, 2019 · b2629ce · b2629ce
1 parent bd2bdc6
commit b2629ce
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/packages/block-editor/src/components/block-switcher/index.js b/packages/block-editor/src/components/block-switcher/index.js
@@ -73,9 +73,8 @@ export class BlockSwitcher extends Component {
 						disabled
 						className="editor-block-switcher__no-switcher-icon block-editor-block-switcher__no-switcher-icon"
 						label={ __( 'Block icon' ) }
-					>
-						<BlockIcon icon={ icon } showColors />
-					</IconButton>
+						icon={ <BlockIcon icon={ icon } showColors /> }
+					/>
 				</Toolbar>
 			);
 		}

diff --git a/packages/block-editor/src/components/block-switcher/test/__snapshots__/index.js.snap b/packages/block-editor/src/components/block-switcher/test/__snapshots__/index.js.snap
@@ -5,13 +5,14 @@ exports[`BlockSwitcher should render disabled block switcher with multi block of
   <ForwardRef(IconButton)
     className="editor-block-switcher__no-switcher-icon block-editor-block-switcher__no-switcher-icon"
     disabled={true}
+    icon={
+      <BlockIcon
+        icon="layout"
+        showColors={true}
+      />
+    }
     label="Block icon"
-  >
-    <BlockIcon
-      icon="layout"
-      showColors={true}
-    />
-  </ForwardRef(IconButton)>
+  />
 </Toolbar>
 `;