Make WordPress Core

Changeset 56189


Ignore:
Timestamp:
07/10/2023 10:09:21 PM (10 months ago)
Author:
joedolson
Message:

Media: Fix responsive views in image editor

Adjust breakpoints for mid-range responsive views to prevent the save panel from overflowing other sections.

Props wildworks, mikinc860, mukesh27, sabernhardt, dhrumilk.
Fixes #58692.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/media.css

    r56026 r56189  
    901901.imgedit-panel-content {
    902902    display: grid;
    903     grid-template-columns: 640px 1fr;
     903    grid-template-columns: 1fr;
    904904    gap: 20px;
    905905}
    906906
    907 @media screen and (max-width: 1120px) {
    908     .imgedit-panel-content {
    909         grid-template-columns: 1fr;
     907@media screen and (min-width: 1200px) {
     908    .imgedit-panel-content.imgedit-panel-tools {
     909        grid-template-columns: 50% 50%;
    910910    }
    911911}
     
    12091209.image-editor .imgedit-scale-controls input[type="text"],
    12101210.image-editor .imgedit-crop-ratio input[type="text"],
    1211 .image-editor .imgedit-crop-sel input[type="text"] {
     1211.image-editor .imgedit-crop-sel input[type="text"],
     1212.image-editor .imgedit-scale-controls input[type="number"],
     1213.image-editor .imgedit-crop-ratio input[type="number"],
     1214.image-editor .imgedit-crop-sel input[type="number"] {
    12121215    width: 80px;
    12131216    font-size: 14px;
Note: See TracChangeset for help on using the changeset viewer.