Changeset 51631

Timestamp:

08/18/2021 05:37:01 AM (3 years ago)

Author:

peterwilsoncc

Message:

Media: Fix layout of media library modal on narrow screens.

Reduces the right margin of the media library modal on small and medium width screens to remove excess white-space. On very narrow screens this was preventing the media icons from displaying.

Props andraganescu, desrosj, joedolson, moch11, mukesh27, sabernhardt, SergeyBiryukov, zieladam.
Fixes #53679.

File:

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

trunk/src/wp-includes/css/media-views.css

@@ -2618 +2618 @@
     .attachments-browser .attachments,
     .attachments-browser .uploader-inline,
-    .attachments-browser .media-toolbar {
+    .attachments-browser .media-toolbar,
+    .attachments-browser .attachments-wrapper,
+    .attachments-browser.has-load-more .attachments-wrapper {
         right: 262px;
     }
@@ -2885 +2887 @@
     .attachments-browser .attachments,
     .attachments-browser .uploader-inline,
-    .attachments-browser .media-toolbar {
+    .attachments-browser .media-toolbar,
+    .media-frame-content .attachments-browser .attachments-wrapper {
         right: 0;
+    }
+
+    .attachments-browser .attachments-wrapper {
+        padding-top: 12px;
     }