[wp-trac] [WordPress Trac] #54395: 'Replace image' dialog CSS issues (mobile)

[WordPress Trac]

#54395: 'Replace image' dialog CSS issues (mobile)
---------------------------------------+------------------------------
 Reporter:  sabernhardt                |       Owner:  (none)
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:  Awaiting Review
Component:  Media                      |     Version:
 Severity:  normal                     |  Resolution:
 Keywords:  has-patch has-screenshots  |     Focuses:  css
---------------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:   => has-patch has-screenshots


Comment:

 Patch notes:
 1. The patch adjusts the `top` value for the media grid and removes that
 top padding to avoid clipping the focus outline. Also, the 82px height and
 top values move from the 782px breakpoint to 900px, where the filter
 selects and search box increase in font size and height.
 2. The Date filter select's `auto` width is removed so the two can stay
 side-by-side. The dropdown still can be too wide in the ''block editor'',
 when setting a Featured Image or using the Classic block. (Changing the
 selector to `:first-of-type:last-of-type` might work in the Gutenberg
 stylesheet.)
 3. For the heading style, the patch has `.image-details .media-embed h2`,
 which was not considered safe with the minor release. However, using two
 `:not()` selectors is too specific and would change the margin in places:
 \\ `.image-details h2:not(.media-attachments-filter-heading):not(.upload-
 instructions)`

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/54395#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform