github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-29 11:48:08 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Use CSS animations for post and topic highlights

Browse Source
This commit is contained in:
Rafael dos Santos Silva
2016-12-05 20:20:52 -02:00
parent 9e807896bc
commit 46b3c2e9c5
5 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/javascripts/discourse/components/discourse-topic.js.es6
View File

@ -5,16 +5,10 @@ import { selectedText } from 'discourse/lib/utilities';
import { observes } from 'ember-addons/ember-computed-decorators';
function highlight(postNumber) {
const $contents = $(`#post_${postNumber} .topic-body`),
origColor = $contents.data('orig-color') || $contents.css('backgroundColor');
const $contents = $(`#post_${postNumber} .topic-body`);
$contents.data("orig-color", origColor)
.addClass('highlighted')
.stop()
.animate({ backgroundColor: origColor }, 2500, 'swing', function() {
$contents.removeClass('highlighted');
$contents.css({'background-color': ''});
});
$contents.addClass('highlighted');
$contents.on('animationend', () => $contents.removeClass('highlighted'));
}
export default Ember.Component.extend(AddArchetypeClass, Scrolling, {