WordPress.org

Make WordPress Core

Changeset 47419


Ignore:
Timestamp:
03/03/2020 05:23:19 PM (7 months ago)
Author:
SergeyBiryukov
Message:

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.
Merges [47418] to the 5.3 branch.
Fixes #48780. See #47136.

Location:
branches/5.3
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • branches/5.3

  • branches/5.3/src/wp-admin/css/edit.css

    r47129 r47419  
    13881388}
    13891389
     1390/* one column on the attachment editor screen */
     1391@media only screen and (max-width: 1200px) {
     1392    .post-type-attachment #poststuff {
     1393        min-width: 0;
     1394    }
     1395
     1396    .post-type-attachment #wpbody-content #poststuff #post-body {
     1397        margin: 0;
     1398    }
     1399
     1400    .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
     1401        margin-right: 0;
     1402        width: 100%;
     1403    }
     1404
     1405    .post-type-attachment #poststuff #postbox-container-1 .empty-container,
     1406    .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
     1407        border: 0 none;
     1408        height: 0;
     1409        min-height: 0;
     1410    }
     1411
     1412    .post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
     1413        min-height: 0;
     1414        width: auto;
     1415    }
     1416
     1417    /* hide the radio buttons for column prefs */
     1418    .post-type-attachment .screen-layout,
     1419    .post-type-attachment .columns-prefs {
     1420        display: none;
     1421    }
     1422}
     1423
    13901424/* one column on the post write/edit screen */
    13911425@media only screen and (max-width: 850px) {
  • branches/5.3/src/wp-admin/css/media.css

    r46857 r47419  
    853853    float: left;
    854854    padding: 3px 16px 0 0;
     855    min-width: 400px;
     856    max-width: calc( 100% - 266px );
    855857}
    856858
     
    12081210        float: none;
    12091211        width: auto;
     1212        max-width: none;
    12101213    }
    12111214}
Note: See TracChangeset for help on using the changeset viewer.