diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index 5e604adbc5..45a7a4e7e5 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -583,6 +583,16 @@ border color while dragging a file over the uploader drop area */ margin-top: 0; } +.media-frame-content .media-search-input-label { + margin: 0 .2em 0 0; + vertical-align: baseline; +} + +.media-frame.mode-grid .media-search-input-label { + position: static; + margin: 0 .5em 0 0; +} + .attachments-browser .media-toolbar-secondary > .media-button { margin-right: 10px; } @@ -1334,7 +1344,6 @@ audio, video { /** * Media queries for media grid. */ - @media only screen and (max-width: 1120px) { /* override for media-views.css */ #wp-media-grid .wp-filter .attachment-filters { @@ -1342,6 +1351,17 @@ audio, video { } } +@media only screen and (max-width: 1000px) { + /* override for forms.css */ + .wp-filter p.search-box { + float: none; + width: 100%; + margin-bottom: 20px; + display: flex; + } + +} + @media only screen and (max-width: 782px) { .media-frame.mode-select .attachments-browser.fixed .media-toolbar { top: 46px; diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index e786d9c9b8..977ab93fe2 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -281,10 +281,6 @@ width: calc(48% - 12px); } -.media-modal-content .attachments-browser .search { - width: 100%; -} - /* higher specificity */ .wp-core-ui .media-modal-icon { background-image: url(../images/uploader-icons.png); @@ -924,6 +920,14 @@ max-width: 100%; } +.media-modal .media-frame .media-search-input-label { + position: absolute; + left: 0; + top: 10px; + margin: 0; + line-height: 1; +} + /** * Attachments */