Ticket #29993: 29993.4.diff

src/wp-admin/css/list-tables.css

@@ -296 +296 @@
         float: left;
 }
 
-.fixed .column-icon {
-        width: 80px;
+/* Media file column */
+table.media .column-title {
+        position: relative;
 }
 
+table.media .column-title .media-icon {
+        position: absolute;
+        top: 8px; /* match cell padding */
+        left: 10px; /* match cell padding */
+}
+
+table.media .column-title .media-info,
+table.media .column-title .row-actions {
+        margin-left: 70px; /* 60px image + margin */
+}
+
 /* @todo: pick a consistent list table selector */
 .wp-list-table a {
         -webkit-transition: none;
@@ -1622 +1634 @@
         .column-tags,
         .tags .column-description,
         .media .column-parent,
+        .media .column-comments,
         .users .column-email,
         .users .column-name,
         .sites .column-registered,
@@ -1650 +1663 @@
                 word-wrap: normal;
         }
 
+        /* Media */
+        .media .column-title {
+                width: auto;
+        }
+
         /* Quick Edit and Bulk Edit */
         #wpbody-content .quick-edit-row-post .inline-edit-col-left,
         #wpbody-content .quick-edit-row-post .inline-edit-col-right,

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

@@ -247 +247 @@
         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' );
@@ -361 +360 @@
                 echo "<td $attributes>";
 
                 switch ( $column_name ) {
-                        case 'icon':
+                        case 'title':
                                 list( $mime ) = explode( '/', $post->post_mime_type );
-                                $attributes = 'class="column-icon media-icon ' . $mime . '-icon"' . $style;
 
+                                echo "<div class='media-icon {$mime}-icon'>";
+
                                 if ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) {
                                         if ( $this->is_trash || ! $user_can_edit ) {
                                                 echo $thumb;
@@ -374 +374 @@
                                         </a><?php
                                         }
                                 }
-                                break;
 
-                        case 'title':
+                                echo '</div><div class="media-info">';
 ?>
                                         <strong>
                                         <?php if ( $this->is_trash || ! $user_can_edit ) {
@@ -388 +387 @@
                                         <?php }
                                         _media_states( $post ); ?></strong>
                                         <p class="filename"><?php echo wp_basename( $post->guid ); ?></p>
+                                </div>
 <?php
                                 break;