Make WordPress Core

Changeset 56242


Ignore:
Timestamp:
07/16/2023 03:57:14 PM (10 months ago)
Author:
joedolson
Message:

Media: Fix admin image editor layout at intermediary widths.

Follow up to [56189], which resolved the initial problem but created new problems with control proximity on wide monitors. Change admin image editor panels to use flex so panels only occupy the space needed.

Props joedolson, sabernhardt, mikinc860.
Fixes #58692.

File:
1 edited

Legend:

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

    r56239 r56242  
    900900
    901901.imgedit-panel-content {
    902     display: grid;
    903     grid-template-columns: 1fr;
     902    display: flex;
     903    flex-wrap: wrap;
    904904    gap: 20px;
    905 }
    906 
    907 @media screen and (min-width: 1200px) {
    908     .imgedit-panel-content.imgedit-panel-tools {
    909         grid-template-columns: 50% 50%;
    910     }
     905    margin-bottom: 20px;
    911906}
    912907
     
    11301125    column-gap: 4px;
    11311126    align-items: start;
     1127    flex-wrap: wrap;
    11321128}
    11331129
Note: See TracChangeset for help on using the changeset viewer.