diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index 71015d00ca..547cd6d63a 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -233,41 +233,39 @@ ------------------------------------------------------------------------------*/ .find-box { + background-color: #fff; width: 600px; - height: 300px; + max-width: 100%; overflow: hidden; - padding: 33px 0 51px; - position: absolute; - z-index: 1000; - background-color: #444; + margin-left: -300px; + position: fixed; + top: 30px; + left: 50%; + z-index: 160000; } .find-box-head { cursor: move; - color: #eee; + background: #fcfcfc; + border-bottom: 1px solid #dfdfdf; + height: 40px; + font-size: 22px; font-weight: 600; - height: 2em; - line-height: 2em; - padding: 1px 12px; - position: absolute; - top: 5px; - width: 100%; + line-height: 40px; + padding: 0 40px 0 16px; + overflow: hidden; } .find-box-inside { overflow: auto; - padding: 6px; - height: 100%; + padding: 16px; background-color: #fff; + max-height: 300px; + overflow-y: scroll; } -.find-box-search, -.find-box-buttons { - overflow: hidden; - padding: 8px; - position: relative; - background-color: #f7f7f7; - border-top: 1px solid #dfdfdf; +.find-box-search { + padding-bottom: 16px; } .find-box-search .spinner { @@ -277,29 +275,49 @@ top: 9px; } -#find-posts-input { - float: left; - width: 140px; - height: 24px; -} - +#find-posts-input, #find-posts-search { float: left; - margin: 1px 4px 0 3px; } -#find-posts-response { - margin: 8px 0; - padding: 0 1px 6px; +#find-posts-input { + width: 140px; + height: 28px; + margin: 0 4px 0 0; } -#find-posts-response table { - width: 100%; +.found-radio { + width: 16px; } -#find-posts-response .found-radio { - padding: 3px 0 0 8px; - width: 15px; +#find-posts-close { + width: 40px; + height: 40px; + position: absolute; + top: 0; + right: 0; + cursor: pointer; + text-align: center; + color: #666; +} + +#find-posts-close:hover { + color: #2ea2cc; +} + +#find-posts-close:before { + font: normal 20px/40px 'dashicons'; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: '\f158'; +} + +.find-box-buttons { + padding: 6px 16px; + background: #fcfcfc; + border-top: 1px solid #dfdfdf; } .find-box #resize-se { @@ -309,12 +327,14 @@ } .ui-find-overlay { - position: absolute; + position: fixed; top: 0; left: 0; - background-color: #000; - opacity: 0.6; - filter: alpha(opacity=60); + right: 0; + bottom: 0; + background: #000; + opacity: 0.7; + z-index: 159900; } ul#dismissed-updates { diff --git a/src/wp-admin/includes/ajax-actions.php b/src/wp-admin/includes/ajax-actions.php index 16cb7642e8..7f00fb9781 100644 --- a/src/wp-admin/includes/ajax-actions.php +++ b/src/wp-admin/includes/ajax-actions.php @@ -1431,8 +1431,10 @@ function wp_ajax_find_posts() { wp_die( __('No items found.') ); $html = '
'.__('Title').' | '.__('Type').' | '.__('Date').' | '.__('Status').' | |
---|---|---|---|---|
'; + $html .= ' | ||||
'; $html .= ' | ' . esc_html( $post_types[$post->post_type]->labels->singular_name ) . ' | '.esc_html( $time ) . ' | ' . esc_html( $stat ). ' |