Ticket #29991: 29991.4.diff

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

@@ -489 +489 @@
                         echo '<div class="row-actions">';
                         foreach ( $actions as $action => $link ) {
                                 ++$i;
-                                ( ( ( 'approve' == $action || 'unapprove' == $action ) && 2 === $i ) || 1 === $i ) ? $sep = '' : $sep = ' | ';
+                                ( ( ( 'approve' == $action || 'unapprove' == $action ) && 2 === $i ) || 1 === $i ) ? $sep = '' : $sep = '&nbsp;<span class="sep">|</span> ';
 
                                 // Reply and quickedit need a hide-if-no-js span when not added with ajax
                                 if ( ( 'reply' == $action || 'quickedit' == $action ) && ! defined('DOING_AJAX') )
@@ -505 +505 @@
                         }
                         echo '</div>';
                 }
+
+                echo '<div class="comment-response">';
+                        _e( 'In Response To:', 'post title' );
+                        echo ' ' . $this->get_comment_post_link();
+                        $this->comments_bubble( $post->ID, $pending_comments );
+                echo '</div>';
         }
 
         public function column_author( $comment ) {
@@ -542 +548 @@
                 return get_comment_date( __( 'Y/m/d \a\t g:ia' ) );
         }
 
+        protected function get_comment_post_link() {
+                if ( current_user_can( 'edit_post', $post->ID ) ) {
+                        $post_link = "<a class='comment-post-link' href='" . get_edit_post_link( $post->ID ) . "'>";
+                        $post_link .= get_the_title( $post->ID ) . '</a>';
+                } else {
+                        $post_link = get_the_title( $post->ID );
+                }
+
+                return $post_link;
+        }
+
         public function column_response() {
                 $post = get_post();
 
@@ -552 +569 @@
                         $pending_comments = $this->pending_count[$post->ID] = $_pending_count_temp[$post->ID];
                 }
 
-                if ( current_user_can( 'edit_post', $post->ID ) ) {
-                        $post_link = "<a href='" . get_edit_post_link( $post->ID ) . "'>";
-                        $post_link .= get_the_title( $post->ID ) . '</a>';
-                } else {
-                        $post_link = get_the_title( $post->ID );
-                }
-
                 echo '<div class="response-links"><span class="post-com-count-wrapper">';
-                echo $post_link . '<br />';
+                echo $this->get_comment_post_link();
                 $this->comments_bubble( $post->ID, $pending_comments );
                 echo '</span> ';
                 $post_type_object = get_post_type_object( $post->post_type );

wp-admin/css/list-tables.css

@@ -74 +74 @@
         float: left;
 }
 
+.comment-post-link {
+        display: block;
+}
+
 /* comments */
 
 .commentlist li {
@@ -267 +271 @@
     width: 74px;
 }
 
-.fixed .column-comment .comment-author {
+.fixed .column-comment .comment-author,
+.fixed .column-comment .comment-response {
         display: none;
 }
 
@@ -1574 +1579 @@
         .users .column-email,
         .users .column-name,
         .sites .column-registered,
-        .sites .column-users {
+        .sites .column-users,
+        .comments .column-response {
                 display: none;
         }
 
-        .fixed .column-comment .comment-author {
+        .fixed .column-comment .comment-author,
+        .fixed .column-comment .comment-response {
                 display: block;
         }
 
+        .fixed .column-comment .comment-response {
+                margin-top: 0.6em;
+        }
+
+        .fixed .column-comment .response-links {
+                float: none;
+        }
+
+        .fixed .column-comment .comment-post-link {
+                display: inline;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+        }
+
+        .fixed .column-comment .post-com-count {
+                display: inline-block;
+                margin-left: 0.5em;
+        }
+
+        #commentsdiv .inside .row-actions,
+        .comment .row-actions {
+                line-height: 26px;
+        }
+
+        .comment .row-actions > span {
+                margin-right: 0.5em;
+        }
+
+        .comment .row-actions a {
+                white-space: nowrap;
+        }
+
+        .comment .row-actions .sep {
+                margin-right: 0.5em;
+        }
+
         /* Posts */
         .column-title {
                 width: 85%;