From acfe40f335fd763ebcea6873cd65e6ea110ecf53 Mon Sep 17 00:00:00 2001 From: Peter Wilson Date: Wed, 18 Aug 2021 05:37:01 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@51631 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/media-views.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 784903db6d..b3dca00ea1 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -2617,7 +2617,9 @@ .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; } @@ -2884,10 +2886,15 @@ .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; + } + .image-details .media-frame-title { display: block; top: 0;