Changeset 33155 for trunk/src/wp-admin/includes/class-wp-comments-list-table.php

Timestamp:

07/10/2015 09:43:32 PM (9 years ago)

Author:

helen

Message:

List tables: Better accessibility and design for the comments bubble.

It is now plain text in the comments list table's "In Response To" column, where it was visually a bit confusing to have the bubble. For other list tables, it now shows a little notification bubble with the number of pending comments. The bubble and notification become plain text in the responsive list table view. It also shows no bubble when there are no comments at all, reducing some of the visual noise.

props picard102, afercia, karinchristen.
fixes #32152.

File:

• trunk/src/wp-admin/includes/class-wp-comments-list-table.php (modified) (2 diffs)

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

@@ -679 +679 @@
 
         if ( current_user_can( 'edit_post', $post->ID ) ) {
-            $post_link = "<a href='" . get_edit_post_link( $post->ID ) . "'>";
+            $post_link = "<a href='" . get_edit_post_link( $post->ID ) . "' class='comments-edit-item-link'>";
             $post_link .= esc_html( get_the_title( $post->ID ) ) . '</a>';
         } else {
@@ -685 +685 @@
         }
 
-        echo '<div class="response-links"><span class="post-com-count-wrapper">';
-        echo $post_link . '<br />';
+        echo '<div class="response-links">';
+        echo $post_link;
+        $post_type_object = get_post_type_object( $post->post_type );
+        echo "<a href='" . get_permalink( $post->ID ) . "' class='comments-view-item-link'>" . $post_type_object->labels->view_item . '</a>';
+        if ( 'attachment' == $post->post_type && ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) ) {
+            echo $thumb;
+        }
+        echo '</div>';
+        echo '<span class="post-com-count-wrapper">';
         $this->comments_bubble( $post->ID, $pending_comments );
         echo '</span> ';
-        $post_type_object = get_post_type_object( $post->post_type );
-        echo "<a href='" . get_permalink( $post->ID ) . "'>" . $post_type_object->labels->view_item . '</a>';
-        echo '</div>';
-        if ( 'attachment' == $post->post_type && ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) )
-            echo $thumb;
     }