Media: Fix editing controls covering image edit region.

Move the editing control sidebar for mobile image editing below the image edit region so image is not obscured.

Props mor10, HristoK, certainstrings, joedolson.
Fixes #30154.
Built from https://develop.svn.wordpress.org/trunk@53162


git-svn-id: http://core.svn.wordpress.org/trunk@52751 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/media-rtl.css

@@ -1269,6 +1269,25 @@ audio, video {
 	.copy-to-clipboard-container .success {
 		font-size: 14px;
 	}
+
+	/* Restructure image editor on narrow viewports. */
+	.imgedit-crop-wrap img{
+		width: 100%;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-panel-content,
+	.media-modal .imgedit-wrap .imgedit-settings {
+		position: initial !important;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-settings {
+		box-sizing: border-box;
+		width: 100% !important;
+	}
+
+	.imgedit-settings .imgedit-scale-button-wrapper {
+		display: inline-block;
+	}
 }
 
 @media only screen and (max-width: 600px) {

wp-admin/css/media.css

@@ -1268,6 +1268,25 @@ audio, video {
 	.copy-to-clipboard-container .success {
 		font-size: 14px;
 	}
+
+	/* Restructure image editor on narrow viewports. */
+	.imgedit-crop-wrap img{
+		width: 100%;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-panel-content,
+	.media-modal .imgedit-wrap .imgedit-settings {
+		position: initial !important;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-settings {
+		box-sizing: border-box;
+		width: 100% !important;
+	}
+
+	.imgedit-settings .imgedit-scale-button-wrapper {
+		display: inline-block;
+	}
 }
 
 @media only screen and (max-width: 600px) {

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.0-alpha-53161';
+$wp_version = '6.0-alpha-53162';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.