Changeset 51631

Timestamp:

08/18/2021 05:37:01 AM (5 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;
         }