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:
parent
dbcc47053f
commit
2940a03ae5
|
@ -3666,14 +3666,6 @@ table.diff .diff-addedline ins {
|
||||||
padding: 4px;
|
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 {
|
.comparing-two-revisions .revisions-tooltip {
|
||||||
bottom: 145px;
|
bottom: 145px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -619,13 +619,11 @@ window.wp = window.wp || {};
|
||||||
|
|
||||||
toggleVisibility: function( options ) {
|
toggleVisibility: function( options ) {
|
||||||
options = options || {};
|
options = options || {};
|
||||||
var visible = this.visible()
|
var visible = this.visible();
|
||||||
if ( visible ) { // Immediate show
|
if ( visible ) { // Immediate show
|
||||||
// this.$el.removeClass('fade');
|
this.$el.fadeIn( 200 );
|
||||||
this.$el.css( 'opacity', 1 );
|
|
||||||
} else if ( options.immediate ) { // Immediate fade out
|
} else if ( options.immediate ) { // Immediate fade out
|
||||||
this.$el.addClass('fade');
|
this.$el.fadeOut( 200 );
|
||||||
this.$el.css( 'opacity', 0 );
|
|
||||||
} else { // Wait a bit, make sure we're really done, then fade it out
|
} else { // Wait a bit, make sure we're really done, then fade it out
|
||||||
_.delay( function( view ) {
|
_.delay( function( view ) {
|
||||||
if ( ! view.visible() )
|
if ( ! view.visible() )
|
||||||
|
|
Loading…
Reference in New Issue