Revisions: Use jQuery animation.

The CSS3 animations caused issues because the element was still there, and there is no standard way to know when a CSS3 animation is done.

See #24425.

git-svn-id: http://core.svn.wordpress.org/trunk@24660 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Mark Jaquith 2013-07-11 18:43:12 +00:00
parent dbcc47053f
commit 2940a03ae5
2 changed files with 3 additions and 13 deletions

View File

@ -3666,14 +3666,6 @@ table.diff .diff-addedline ins {
padding: 4px;
}
.revisions-tooltip.fade {
-webkit-transition: opacity 200ms;
-ms-transition: opacity 200ms;
-moz-transition: opacity 200ms;
-o-transition: opacity 200ms;
transition: opacity 200ms;
}
.comparing-two-revisions .revisions-tooltip {
bottom: 145px;
}

View File

@ -619,13 +619,11 @@ window.wp = window.wp || {};
toggleVisibility: function( options ) {
options = options || {};
var visible = this.visible()
var visible = this.visible();
if ( visible ) { // Immediate show
// this.$el.removeClass('fade');
this.$el.css( 'opacity', 1 );
this.$el.fadeIn( 200 );
} else if ( options.immediate ) { // Immediate fade out
this.$el.addClass('fade');
this.$el.css( 'opacity', 0 );
this.$el.fadeOut( 200 );
} else { // Wait a bit, make sure we're really done, then fade it out
_.delay( function( view ) {
if ( ! view.visible() )