Ticket #23935: 23935.tooltips-checkbox-status.patch

wp-admin/js/revisions.js

@@ -397 +397 @@
                 },
 
                 addTooltip: function( handle, message ) {
-                        handle.attr( 'title', '' ).tooltip({
-                                track: false,
-
-                                position: {
-                                        my: "left-30 top-66",
-                                        at: "top left",
-                                        using: function( position, feedback ) {
-                                                $( this ).css( position );
-                                                $( "<div>" )
-                                                .addClass( "arrow" )
-                                                .addClass( feedback.vertical )
-                                                .addClass( feedback.horizontal )
-                                                .appendTo( $( this ) );
-                                        }
-                                },
-                                show: false,
-                                hide: false,
-                                content:  function() {
-                                        return message;
-                                }
-
-                        } );
+                        handle.find( '.ui-slider-tooltip' ).html( message )
                 },
 
                 width: function() {
@@ -431 +410 @@
 
                 refresh: function( options, slide ) {
                         $( '#diff-slider' ).slider( 'option', options );
+                        
+                        // reset all of the slider tooltips during a refresh
+                        $( 'a.ui-slider-handle' ).html( '<span class="ui-slider-tooltip ui-widget-content ui-corner-all"></span>' );
 
                         // Triggers the slide event
                         if ( slide )

wp-admin/css/wp-admin.css

@@ -3575 +3575 @@
         position: relative;
 }
 
+#revisions-diff {
+        position: relative;
+        border-top: 1px solid #dfdfdf;
+}
+
 #toggle-revision-compare-mode {
         position: absolute;
         top: 0;
         right: 0;
-        padding-top: 15px;
+        padding: 9px 9px 0 0;
 }
 
 #loading-status {
-        position: absolute;
-        top: 0;
-        right: 170px;
         line-height: 30px;
         display: none;
-        margin: 9px 0 0;
+        margin: 0 0 9px;
+        text-align:center;
 }
 
 #loading-status .spinner {
-        float: left;
+        float: none;
+        display: inline-block;
 }
 
 #revision-interact {
-        border-bottom: 1px solid #dfdfdf;
         padding: 20px 0;
 }
 
@@ -3622 +3625 @@
         width: 95%;
 }
 
+#diff-slider .ui-slider-tooltip {
+        display: none;
+}
+
+#diff-slider .ui-state-active .ui-slider-tooltip, #diff-slider .ui-state-focus .ui-slider-tooltip, #diff-slider .ui-state-hover .ui-slider-tooltip {
+        display:block;
+        position:absolute;
+        border-color: #d7d7d7;
+        background-color: #fff;
+        bottom:20px;
+        margin-left:-4em;
+}
+
 #diff-title-to strong {
         display: none;
 }
@@ -3688 +3704 @@
 .comparing-two-revisions #diff-title-from,
 .left-model-loading #loading-status,
 .right-model-loading #loading-status,
-.left-model-loading #loading-status .spinner,
-.right-model-loading #loading-status .spinner,
 .comparing-two-revisions #diff-header-from {
         display: block;
 }
@@ -3747 +3761 @@
         float: none;
 }
 
-.ui-tooltip-content img {
+.ui-tooltip-content img, .ui-slider-tooltip img {
         float: left;
         margin-right: 5px;
 }
@@ -3755 +3769 @@
 
 /*  jQuery UI Tooltip 1.10.1 */
 
-.ui-tooltip {
+.ui-tooltip, .ui-slider-tooltip {
         padding: 8px;
         position: absolute;
         z-index: 9999;
@@ -3763 +3777 @@
         min-width: 130px;
 }
 
-body .ui-tooltip {
+body .ui-tooltip, body .ui-slider-tooltip {
         border-width: 1px;
 }
 
-.ui-tooltip, .arrow:after {
+.ui-tooltip, .ui-slider-tooltip, .arrow:after {
         border: 1px solid #d7d7d7;
 }
 
-.ui-tooltip {
+.ui-tooltip, .ui-slider-tooltip {
         padding: 5px 10px;
 }