sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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.

git-svn-id: https://develop.svn.wordpress.org/trunk@47418 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2020-03-03 17:19:55 +00:00
parent ac4de42983
commit 7dd3e6edd9
2 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/wp-admin/css/edit.css
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 */
@media only screen and (max-width: 850px) {
#poststuff {

3
src/wp-admin/css/media.css
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 {
float: left;
padding: 3px 16px 0 0;
min-width: 400px;
max-width: calc( 100% - 266px );
}
.wp_attachment_holder .imgedit-wrap .imgedit-settings {
@ -1211,6 +1213,7 @@ audio, video {
.wp_attachment_holder .imgedit-wrap .imgedit-settings {
float: none;
width: auto;
max-width: none;
}
}