Changeset 53162

Timestamp:

04/12/2022 04:48:49 PM (3 years ago)

Author:

joedolson

Message:

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.

File:

• trunk/src/wp-admin/css/media.css (modified) (1 diff)

trunk/src/wp-admin/css/media.css

@@ -1269 +1269 @@
         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;
+    }
 }