Changeset 51642

Timestamp:

08/19/2021 02:59:08 PM (5 years ago)

Author:

desrosj

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, peterwilsoncc.
Merges [51631] to the 5.8 branch.
Fixes #53679.

Location:

branches/5.8

Files:

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

branches/5.8/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;
         }