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
This commit is contained in:
joedolson 2022-04-12 16:50:08 +00:00
parent 1d29cb6632
commit fd9d7a7547
5 changed files with 41 additions and 3 deletions

View File

@ -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) {

File diff suppressed because one or more lines are too long

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) {

File diff suppressed because one or more lines are too long

View File

@ -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.