Ticket #24553: 24553.patch

wp-admin/css/wp-admin.css

@@ -2538 +2538 @@
         width: 16px;
 }
 
+tr .locked-info,
 tr.wp-locked .check-column label,
 tr.wp-locked .check-column input[type="checkbox"],
 tr.wp-locked .row-actions .inline,
@@ -2545 +2546 @@
         display: none;
 }
 
+tr.wp-locked .locked-info {
+        display: inline-block;
+}
+
 .fixed .column-comments .sorting-indicator {
         margin-top: 3px;
 }

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

@@ -574 +574 @@
                                                 $locked_avatar = $locked_text = '';
                                         }
 
-                                        echo '<span class="locked-avatar">' . $locked_avatar . '</span> <span class="locked-text">' . $locked_text . "</span>\n";
+                                        echo '<span class="locked-info"><span class="locked-avatar">' . $locked_avatar . '</span> <span class="locked-text">' . $locked_text . "</span></span>\n";
                                 }
 
                                 if ( ! $this->hierarchical_display && 'excerpt' == $mode && current_user_can( 'read_post', $post->ID ) )

wp-admin/js/inline-edit-post.js

@@ -302 +302 @@
                 if ( locked.hasOwnProperty( key ) ) {
                         if ( ! row.hasClass('wp-locked') ) {
                                 lock_data = locked[key];
-                                row.addClass('wp-locked').find('.column-title .locked-text').text( lock_data.text );
+                                row.find('.column-title .locked-text').text( lock_data.text );
                                 row.find('.check-column checkbox').prop('checked', false);
 
                                 if ( lock_data.avatar_src ) {
                                         avatar = $('<img class="avatar avatar-18 photo" width="18" height="18" />').attr( 'src', lock_data.avatar_src.replace(/&amp;/g, '&') );
                                         row.find('.column-title .locked-avatar').empty().append( avatar );
                                 }
+                                row.find('.column-title .locked-info').slideDown(1500,function(){
+                                        row.addClass('wp-locked');
+                                });
                         }
                 } else if ( row.hasClass('wp-locked') ) {
-                        row.removeClass('wp-locked').find('.column-title .locked-text').empty();
-                        row.find('.column-title .locked-avatar').empty();
+                        row.find('.column-title .locked-info').slideUp(1500,function(){
+                                row.removeClass('wp-locked');
+                                row.find('.column-title .locked-text').empty();
+                                row.find('.column-title .locked-avatar').empty();
+                        });
                 }
         });
 }).on( 'heartbeat-send.wp-check-locked-posts', function( e, data ) {