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 = ''; + $alt = ''; foreach ( $posts as $post ) { $title = trim( $post->post_title ) ? $post->post_title : __( '(no title)' ); + $alt = ( 'alternate' == $alt ) ? '' : 'alternate'; switch ( $post->post_status ) { case 'publish' : @@ -1457,7 +1459,7 @@ function wp_ajax_find_posts() { $time = mysql2date(__('Y/m/d'), $post->post_date); } - $html .= ''; + $html .= ''; $html .= '' . "\n\n"; } diff --git a/src/wp-admin/includes/template.php b/src/wp-admin/includes/template.php index 0453dff0c8..e0d0b7139c 100644 --- a/src/wp-admin/includes/template.php +++ b/src/wp-admin/includes/template.php @@ -1376,26 +1376,29 @@ function settings_errors( $setting = '', $sanitize = false, $hide_on_update = fa */ function find_posts_div($found_action = '') { ?> - +
+

'.__('Title').''.__('Type').''.__('Date').''.__('Status').'
' . esc_html( $post_types[$post->post_type]->labels->singular_name ) . ''.esc_html( $time ) . '' . esc_html( $stat ). '