Ticket #24736: 24736.diff

wp-admin/js/revisions.js

@@ -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
+
+                                // Position final tick at right edge of slider
                                 _.extend( offset, {
-                                        right: offset.right + elWidth + 1,
-                                        left: offset.left + elWidth + 1
-                                });
+                                        left: this.$el.width() - 1,
+                                        right: this.$el.width()
+                                } );
                         } else {
                                 // Normal tick
                                 tick = this.$('div:nth-of-type(' + (index + 1) + ')');
@@ -610 +612 @@
                         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: 118px;
         -webkit-transition: right 15ms;
         -moz-transition:    right 15ms;
-        -ms-transition:     right 15ms;
+        -9ms-transition:     right 15ms;
         -o-transition:      right 15ms;
         transition:         right 15ms;
 }

wp-admin/css/wp-admin.css

@@ -3532 +3532 @@
         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 +3549 @@
         box-sizing: border-box;
 }
 
-.revisions-tickmarks > div:last-child {
-        border-width: 0;
-}
-
 .comparing-two-revisions .revisions-controls {
         height: 140px;
 }
@@ -3739 +3734 @@
         position: absolute;
         bottom: 105px;
         margin-right: 0;
-        margin-left: -70px;
+        margin-left: 118px;
         line-height: 28px;
         z-index: 1;
-        max-width: 350px;
+        max-width: 250px;
         min-width: 130px;
         padding: 4px;
         display: none;