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.

git-svn-id: https://develop.svn.wordpress.org/trunk@53162 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Joe Dolson
2022-04-12 16:48:49 +00:00
parent 2dca5e0bb3
commit d65dc545c5
+19
View File
@@ -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) {