mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/DiscussionTools
synced 2024-11-28 10:11:45 +00:00
Merge "Adjust new comment highlight timings"
This commit is contained in:
commit
3da91953da
|
@ -41,13 +41,9 @@ function highlight( comment ) {
|
|||
} );
|
||||
$overlay.prepend( $highlight );
|
||||
|
||||
// Pause for 500ms
|
||||
// Fade in for 100ms
|
||||
// Show for 1000ms
|
||||
// Fade out for 500ms
|
||||
// (animation durations are defined in CSS)
|
||||
// Show a highlight with the same timing as the post-edit message (mediawiki.action.view.postEdit):
|
||||
// show for 3000ms, fade out for 250ms (animation duration is defined in CSS).
|
||||
OO.ui.Element.static.scrollIntoView( $highlight[ 0 ], { padding: { top: 10, bottom: 10 } } ).then( function () {
|
||||
setTimeout( function () {
|
||||
// Toggle the 'dt-init-highlight-overlay' class only when needed, because using mix-blend-mode
|
||||
// affects the text rendering of the whole page, disabling subpixel antialiasing on Windows
|
||||
$overlay.addClass( 'dt-init-highlight-overlay' );
|
||||
|
@ -57,9 +53,8 @@ function highlight( comment ) {
|
|||
setTimeout( function () {
|
||||
$highlight.remove();
|
||||
$overlay.removeClass( 'dt-init-highlight-overlay' );
|
||||
}, 500 );
|
||||
}, 1000 + 100 );
|
||||
}, 500 );
|
||||
}, 250 );
|
||||
}, 3000 );
|
||||
} );
|
||||
}
|
||||
|
||||
|
|
|
@ -81,10 +81,9 @@
|
|||
|
||||
.dt-init-highlight-fadein {
|
||||
opacity: 1;
|
||||
transition: opacity 100ms;
|
||||
}
|
||||
|
||||
.dt-init-highlight-fadeout {
|
||||
opacity: 0;
|
||||
transition: opacity 500ms ease-out;
|
||||
transition: opacity 250ms ease-out;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue