Ticket #51476: 51476.3.diff

src/js/_enqueues/wp/updates.js

@@ -443 +443 @@
          *                     decorated with an abort() method.
          */
         wp.updates.updatePlugin = function( args ) {
-                var $updateRow, $card, $message, message;
+                var $updateRow, $card, $message, message,
+                        $adminBarUpdates = $( '#wp-admin-bar-updates' );
 
                 args = _.extend( {
                         success: wp.updates.updatePluginSuccess,
@@ -471 +472 @@
                         $card.removeClass( 'plugin-card-update-failed' ).find( '.notice.notice-error' ).remove();
                 }
 
+                $adminBarUpdates.addClass( 'spin' );
+
                 if ( $message.html() !== __( 'Updating...' ) ) {
                         $message.data( 'originaltext', $message.html() );
                 }
@@ -499 +502 @@
          * @param {string} response.newVersion New version of the plugin.
          */
         wp.updates.updatePluginSuccess = function( response ) {
-                var $pluginRow, $updateMessage, newText;
+                var $pluginRow, $updateMessage, newText,
+                        $adminBarUpdates = $( '#wp-admin-bar-updates' );
 
                 if ( 'plugins' === pagenow || 'plugins-network' === pagenow ) {
                         $pluginRow     = $( 'tr[data-plugin="' + response.plugin + '"]' )
@@ -521 +525 @@
                                 .addClass( 'button-disabled updated-message' );
                 }
 
+                $adminBarUpdates.removeClass( 'spin' );
+
                 $updateMessage
                         .attr(
                                 'aria-label',
@@ -553 +559 @@
          * @param {string}  response.errorMessage The error that occurred.
          */
         wp.updates.updatePluginError = function( response ) {
-                var $card, $message, errorMessage;
+                var $card, $message, errorMessage,
+                        $adminBarUpdates = $( '#wp-admin-bar-updates' );
 
                 if ( ! wp.updates.isValidResponse( response, 'update' ) ) {
                         return;
@@ -631 +638 @@
                         } );
                 }
 
+                $adminBarUpdates.removeClass( 'spin' );
+
                 wp.a11y.speak( errorMessage, 'assertive' );
 
                 $document.trigger( 'wp-plugin-update-error', response );

src/wp-includes/css/admin-bar.css

@@ -588 +588 @@
         top: 2px;
 }
 
+#wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
+        display: inline-block;
+        animation: rotation 2s infinite linear;
+}
+
 /**
  * Search
  */