Ticket #37451: 37451.diff

wp-admin/css/widgets.css

@@ -104 +104 @@
 
 .sidebar-name h2,
 .sidebar-name h3 {
-        margin: 0;
-        padding: 8px 10px;
-        overflow: hidden;
-        white-space: nowrap;
+    margin: 0;
+    padding: 8px 10px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 .widgets-holder-wrap .description {
@@ -246 +251 @@
 
 div#widgets-right .sidebar-name h2,
 div#widgets-right .sidebar-name h3 {
-        padding: 15px 7px;
+        padding: 15px 30px 15px 7px;
 }
 
 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
@@ -277 +282 @@
         margin: -5px 5px;
 }
 
+
+.sidebar-name .spinner {
+        position: absolute;
+        top: 16px;
+        right: 5px;
+}
+
 /* Dragging a widget over a closed sidebar */
 #widgets-right .widgets-holder-wrap.widget-hover {
         border-color: #72777c;

wp-admin/js/widgets.js

@@ -381 +381 @@
 
                 if ( sidebarId ) {
                         $( '#' + sidebarId ).find( '.spinner:first' ).addClass( 'is-active' );
+                        $( '#' + sidebarId ).find( '.sidebar-name-arrow' ).addClass( 'hidden' );
+                        
                 }
 
                 $('div.widgets-sortables').each( function() {
@@ -392 +394 @@
                 $.post( ajaxurl, data, function() {
                         $( '#inactive-widgets-control-remove' ).prop( 'disabled' , ! $( '#wp_inactive_widgets .widget' ).length );
                         $( '.spinner' ).removeClass( 'is-active' );
+                        if ( sidebarId ) {
+                                $( '#' + sidebarId ).find( '.sidebar-name-arrow' ).removeClass( 'hidden' );
+                        }
+
                 });
         },