Ticket #24736: 24736.20.patch

wp-admin/js/revisions.js

@@ -28 +28 @@
         $.fn.allPositions = function() {
                 var position = this.position() || {top: 0, left: 0}, parent = this.parent();
                 return _.extend( position, {
-                        right:  parent.outerWidth()  - position.left - this.outerWidth(),
+                        right:  parent.offset().left + parent.outerWidth() - position.left - 1,
                         bottom: parent.outerHeight() - position.top  - this.outerHeight()
                 });
         };
@@ -580 +580 @@
         // The tickmarks view
         revisions.view.Tickmarks = wp.Backbone.View.extend({
                 className: 'revisions-tickmarks',
+                direction: isRtl ? 'right' : 'left',
 
                 initialize: function() {
                         this.listenTo( this.model, 'change:revision', this.reportTickPosition );
                 },
 
                 reportTickPosition: function( model, revision ) {
-                        var elWidth, offset, tick, index = this.model.revisions.indexOf( revision );
+                        var offset, tick, index = this.model.revisions.indexOf( revision ),
+                                divOffset = this.$el.offset();
                         if ( index === this.model.revisions.length - 1 ) {
                                 // Last one
-                                tick = this.$('div:nth-of-type(' + index + ')');
+                                tick = this.$('div:nth-of-type(' + ( index ) + ')');
                                 offset = tick.allPositions();
-                                elWidth = tick.outerWidth();
-                                // adjust
+
+                                // Adjust
                                 _.extend( offset, {
-                                        right: offset.right + elWidth + 1,
-                                        left: offset.left + elWidth + 1
-                                });
+                                        left: this.$el.offset().left + this.$el.width() - this.$el.parent().offset().left - 1,
+                                        right: this.$el.offset().left + this.$el.width()
+                                } );
                         } else {
                                 // Normal tick
                                 tick = this.$('div:nth-of-type(' + (index + 1) + ')');
                                 offset = tick.allPositions();
+                                _.extend( offset, {
+                                        left: offset.left + this.$el.offset().left - this.$el.parent().offset().left
+                                } );
+
                         }
                         this.model.set({ offset: offset });
                 },
@@ -610 +616 @@
                         tickCount = this.model.revisions.length - 1;
                         tickWidth = 1 / tickCount;
 
-                        _(tickCount).times( function(){ this.$el.append( '<div></div>' ); }, this );
+                        _(tickCount).times( function( index ) {
+                                this.$el.append( '<div style="' + this.direction + ': ' + ( 100 * tickWidth * index ) + '%;"></div>' );
+                        }, this );
 
-                        this.$('div').css( 'width', ( 100 * tickWidth ) + '%' );
                 }
         });
 

wp-admin/css/wp-admin-rtl.css

@@ -1026 +1026 @@
 
 .revisions-tooltip {
         margin-left: 0;
-        margin-right: -70px;
+        margin-right: -84px;
         -webkit-transition: right 15ms;
         -moz-transition:    right 15ms;
         -ms-transition:     right 15ms;

wp-admin/css/wp-admin.css

@@ -3527 +3527 @@
         vertical-align: text-bottom;
 }
 
-.revisions-tickmarks {
+.revisions-tickmarks,
+.revisions-tooltip-container {
         position: relative;
         margin: 0 auto;
         height: 0.8em;
         top: 7px;
-        width: 100%;
-        padding: 0 15%;
+        width: 70%;
+        padding: 0;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
 }
 
 .revisions-tickmarks > div {
-        position: relative;
+        position: absolute;
         height: 100%;
-        float: left;
         border-style: solid;
         border-width: 0 1px 0 0;
         -moz-box-sizing: border-box;
@@ -3550 +3550 @@
         box-sizing: border-box;
 }
 
-.revisions-tickmarks > div:last-child {
-        border-width: 0;
-}
-
 .comparing-two-revisions .revisions-controls {
         height: 140px;
 }
@@ -3737 +3733 @@
 
 .revisions-tooltip {
         position: absolute;
-        bottom: 105px;
+        bottom: 104px;
         margin-right: 0;
-        margin-left: -70px;
+        margin-left: -69px;
         line-height: 28px;
         z-index: 1;
-        max-width: 350px;
+        max-width: 250px;
         min-width: 130px;
         padding: 4px;
         display: none;