Changeset 56242

Timestamp:

07/16/2023 03:57:14 PM (3 years 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:

• trunk/src/wp-admin/css/media.css (modified) (2 diffs)

trunk/src/wp-admin/css/media.css

@@ -900 +900 @@
 
 .imgedit-panel-content {
-        display: grid;
-        grid-template-columns: 1fr;
+        display: flex;
+        flex-wrap: wrap;
         gap: 20px;
-}
-
-@media screen and (min-width: 1200px) {
-        .imgedit-panel-content.imgedit-panel-tools {
-                grid-template-columns: 50% 50%;
-        }
+        margin-bottom: 20px;
 }
 
@@ -1130 +1125 @@
         column-gap: 4px;
         align-items: start;
+        flex-wrap: wrap;
 }