diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js index cddf873ee02b4d..ba0d35a2f2a4c0 100644 --- a/packages/block-library/src/image/edit.native.js +++ b/packages/block-library/src/image/edit.native.js @@ -396,9 +396,11 @@ export class ImageEdit extends React.Component { const editImageComponent = ( { open, mediaOptions } ) => ( - - { mediaOptions() } - + + + { mediaOptions() } + + ); @@ -492,7 +494,8 @@ export class ImageEdit extends React.Component { { retryMessage } ) } - { ! isUploadInProgress && + { isSelected && + ! isUploadInProgress && ! isUploadFailed && finalWidth && finalHeight && diff --git a/packages/block-library/src/image/icon-customize.native.js b/packages/block-library/src/image/icon-customize.native.js index d455d3508ebc8a..57fc39c7c29f1b 100644 --- a/packages/block-library/src/image/icon-customize.native.js +++ b/packages/block-library/src/image/icon-customize.native.js @@ -4,7 +4,7 @@ import { Path, SVG } from '@wordpress/components'; export default ( - + ); diff --git a/packages/block-library/src/image/styles.native.scss b/packages/block-library/src/image/styles.native.scss index a34c48fb7bbbc4..d4c512ea423cdd 100644 --- a/packages/block-library/src/image/styles.native.scss +++ b/packages/block-library/src/image/styles.native.scss @@ -84,10 +84,18 @@ align-items: center; } -.edit { +.editContainer { width: 44px; height: 44px; - background-color: $dark-opacity-500; + position: absolute; + top: 0; + right: 0; +} + +.edit { + width: 30px; + height: 30px; + background-color: $gray-dark; border-radius: 22px; position: absolute; top: 5px; @@ -97,6 +105,6 @@ .iconCustomise { fill: #fff; position: absolute; - top: 10px; - left: 10px; + top: 7px; + left: 7px; }