Ticket #29993: 29993.2.diff

wp-admin/css/list-tables.css

@@ -301 +301 @@
         float: left;
 }
 
+/* deprecated */
 .fixed .column-icon {
         width: 80px;
 }
 
+.fixed .column-title .media-icon {
+        float: left;
+        width: 80px;
+        padding-right: 20px;
+}
+
 /* @todo: pick a consistent list table selector */
 .wp-list-table a {
         -webkit-transition: none;
@@ -1916 +1923 @@
                 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
         }
 }
+
+@media screen and ( max-width: 450px ) {
+        /* Columns to hide */
+        .media .column-comments {
+                display: none;
+        }
+
+        .media .column-title .media-icon {
+                float: none;
+                width: auto;
+                padding-right: 0;
+                padding-bottom: 5px;
+        }
+}

wp-admin/includes/class-wp-media-list-table.php

@@ -205 +205 @@
         public function get_columns() {
                 $posts_columns = array();
                 $posts_columns['cb'] = '<input type="checkbox" />';
-                $posts_columns['icon'] = '';
                 /* translators: column name */
                 $posts_columns['title'] = _x( 'File', 'column name' );
                 $posts_columns['author'] = __( 'Author' );
@@ -308 +307 @@
 <?php
                 break;
 
-        case 'icon':
+        case 'title':
                 list( $mime ) = explode( '/', $post->post_mime_type );
-                $attributes = 'class="column-icon media-icon ' . $mime . '-icon"' . $style;
 ?>
-                <td <?php echo $attributes ?>><?php
-                        if ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) {
-                                if ( $this->is_trash || ! $user_can_edit ) {
-                                        echo $thumb;
-                                } else {
+                <td <?php echo $attributes ?>>
+                        <div class="media-icon <?php echo $mime; ?>-icon">
+                                <?php
+                                if ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 80 ), true ) ) {
+                                        if ( $this->is_trash || ! $user_can_edit ) {
+                                                echo $thumb;
+                                        } else {
 ?>
-                                <a href="<?php echo get_edit_post_link( $post->ID ); ?>" title="<?php echo esc_attr( sprintf( __( 'Edit &#8220;%s&#8221;' ), $att_title ) ); ?>">
-                                        <?php echo $thumb; ?>
-                                </a>
+                                        <a href="<?php echo get_edit_post_link( $post->ID ); ?>" title="<?php echo esc_attr( sprintf( __( 'Edit &#8220;%s&#8221;' ), $att_title ) ); ?>">
+                                                <?php echo $thumb; ?>
+                                        </a>
 
-<?php                   }
-                        }
-?>
-                </td>
-<?php
-                break;
+<?php                           }
+                                }
+                                ?>
+                        </div>
 
-        case 'title':
-?>
-                <td <?php echo $attributes ?>><strong>
+                        <strong>
                         <?php if ( $this->is_trash || ! $user_can_edit ) {
                                 echo $att_title;
                         } else { ?>