Media: Improve the appearance of image editor on small and medium screens.

This prevents the main area of Edit Media screen from being pushed down too far.

Props sabernhardt, afercia, fierevere, sathyapulse, mikeschroder, johnbillion.
Fixes #48780. See #47136.
Built from https://develop.svn.wordpress.org/trunk@47418


git-svn-id: http://core.svn.wordpress.org/trunk@47205 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2020-03-03 17:21:05 +00:00
parent cf40905ada
commit c30fd0b54d
9 changed files with 79 additions and 5 deletions

View File

@ -1429,6 +1429,40 @@ table.links-table {
} }
} }
/* one column on the attachment editor screen */
@media only screen and (max-width: 1200px) {
.post-type-attachment #poststuff {
min-width: 0;
}
.post-type-attachment #wpbody-content #poststuff #post-body {
margin: 0;
}
.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
margin-left: 0;
width: 100%;
}
.post-type-attachment #poststuff #postbox-container-1 .empty-container,
.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
border: 0 none;
height: 0;
min-height: 0;
}
.post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
min-height: 0;
width: auto;
}
/* hide the radio buttons for column prefs */
.post-type-attachment .screen-layout,
.post-type-attachment .columns-prefs {
display: none;
}
}
/* one column on the post write/edit screen */ /* one column on the post write/edit screen */
@media only screen and (max-width: 850px) { @media only screen and (max-width: 850px) {
#poststuff { #poststuff {

File diff suppressed because one or more lines are too long

View File

@ -1428,6 +1428,40 @@ table.links-table {
} }
} }
/* one column on the attachment editor screen */
@media only screen and (max-width: 1200px) {
.post-type-attachment #poststuff {
min-width: 0;
}
.post-type-attachment #wpbody-content #poststuff #post-body {
margin: 0;
}
.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
margin-right: 0;
width: 100%;
}
.post-type-attachment #poststuff #postbox-container-1 .empty-container,
.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
border: 0 none;
height: 0;
min-height: 0;
}
.post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
min-height: 0;
width: auto;
}
/* hide the radio buttons for column prefs */
.post-type-attachment .screen-layout,
.post-type-attachment .columns-prefs {
display: none;
}
}
/* one column on the post write/edit screen */ /* one column on the post write/edit screen */
@media only screen and (max-width: 850px) { @media only screen and (max-width: 850px) {
#poststuff { #poststuff {

File diff suppressed because one or more lines are too long

View File

@ -853,6 +853,8 @@ border color while dragging a file over the uploader drop area */
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content { .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
float: right; float: right;
padding: 3px 0 0 16px; padding: 3px 0 0 16px;
min-width: 400px;
max-width: calc( 100% - 266px );
} }
.wp_attachment_holder .imgedit-wrap .imgedit-settings { .wp_attachment_holder .imgedit-wrap .imgedit-settings {
@ -1212,6 +1214,7 @@ audio, video {
.wp_attachment_holder .imgedit-wrap .imgedit-settings { .wp_attachment_holder .imgedit-wrap .imgedit-settings {
float: none; float: none;
width: auto; width: auto;
max-width: none;
} }
} }

File diff suppressed because one or more lines are too long

View File

@ -852,6 +852,8 @@ border color while dragging a file over the uploader drop area */
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content { .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
float: left; float: left;
padding: 3px 16px 0 0; padding: 3px 16px 0 0;
min-width: 400px;
max-width: calc( 100% - 266px );
} }
.wp_attachment_holder .imgedit-wrap .imgedit-settings { .wp_attachment_holder .imgedit-wrap .imgedit-settings {
@ -1211,6 +1213,7 @@ audio, video {
.wp_attachment_holder .imgedit-wrap .imgedit-settings { .wp_attachment_holder .imgedit-wrap .imgedit-settings {
float: none; float: none;
width: auto; width: auto;
max-width: none;
} }
} }

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.4-beta3-47416'; $wp_version = '5.4-beta3-47418';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.