Fix resize handle names

WordPress · Aug 17, 2018 · 523fe7a · 523fe7a
1 parent 66f6f01
commit 523fe7a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/edit-post/assets/stylesheets/_z-index.scss b/edit-post/assets/stylesheets/_z-index.scss
@@ -25,7 +25,7 @@ $z-layers: (
 	".editor-url-input__suggestions": 30,
 	".edit-post-header": 30,
 	".block-library-button__inline-link .editor-url-input__suggestions": 6, // URL suggestions for button block above sibling inserter
-	".wp-block-image__resize-handlers": 1, // Resize handlers above sibling inserter
+	".block-library-image__resize-handlers": 1, // Resize handlers above sibling inserter
 
 	// Side UI active buttons
 	".editor-block-settings-remove": 1,

diff --git a/packages/block-library/src/image/edit.js b/packages/block-library/src/image/edit.js
@@ -432,7 +432,7 @@ class ImageEdit extends Component {
 								<Fragment>
 									{ getInspectorControls( imageWidth, imageHeight ) }
 									<ResizableBox
-										className="wp-block-image__resizer"
+										className="block-library-image__resizer"
 										size={
 											width && height ? {
 												width,
@@ -445,9 +445,9 @@ class ImageEdit extends Component {
 										maxHeight={ maxWidth / ratio }
 										lockAspectRatio
 										handleClasses={ {
-											right: 'wp-block-image__resize-handler-right',
-											bottom: 'wp-block-image__resize-handler-bottom',
-											left: 'wp-block-image__resize-handler-left',
+											right: 'block-library-image__resize-handler-right',
+											bottom: 'block-library-image__resize-handler-bottom',
+											left: 'block-library-image__resize-handler-left',
 										} }
 										enable={ {
 											top: false,

diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss
@@ -13,7 +13,7 @@
 
 // This is necessary for the editor resize handles to accurately work on a non-floated, non-resized, small image.
 .wp-block-image {
-	.wp-block-image__resizer {
+	.block-library-image__resizer {
 		display: inline-block;
 
 		img {
@@ -23,9 +23,9 @@
 	}
 }
 
-.wp-block-image__resize-handler-right,
-.wp-block-image__resize-handler-bottom,
-.wp-block-image__resize-handler-left {
+.block-library-image__resize-handler-right,
+.block-library-image__resize-handler-bottom,
+.block-library-image__resize-handler-left {
 	display: none;
 	border-radius: 50%;
 	border: 2px solid $white;
@@ -36,22 +36,22 @@
 
 	.wp-block-image.is-focused & {
 		display: block;
-		z-index: z-index(".wp-block-image__resize-handlers");
+		z-index: z-index(".block-library-image__resize-handlers");
 	}
 }
 
 /*!rtl:begin:ignore*/
-.wp-block-image__resize-handler-right {
+.block-library-image__resize-handler-right {
 	top: calc(50% - 9px) !important;
 	right: -8px !important;
 }
 
-.wp-block-image__resize-handler-left {
+.block-library-image__resize-handler-left {
 	top: calc(50% - 9px) !important;
 	left: -8px !important;
 }
 
-.wp-block-image__resize-handler-bottom {
+.block-library-image__resize-handler-bottom {
 	bottom: -8px !important;
 	left: calc(50% - 9px) !important;
 }