diff --git a/css/style.css b/css/style.css index 163e506..c185674 100644 --- a/css/style.css +++ b/css/style.css @@ -851,6 +851,10 @@ ol.toptrends-list { transition: background .1s linear; -moz-transition: background .1s linear; } +.post.new +{ + background: #F7F8E0; +} .post.open { margin: 10px 0; diff --git a/js/twister_formatpost.js b/js/twister_formatpost.js index 87b6d16..f5c25cd 100644 --- a/js/twister_formatpost.js +++ b/js/twister_formatpost.js @@ -56,6 +56,9 @@ function postToElem( post, kind, promoted ) { elem.addClass(kind); elem.attr('data-time', t); + if( post["isNew"] ) + elem.addClass('new'); + var postData = elem.find(".post-data"); postData.addClass(kind); postData.attr('data-userpost', postJson); diff --git a/js/twister_newmsgs.js b/js/twister_newmsgs.js index 658a4a5..0924056 100644 --- a/js/twister_newmsgs.js +++ b/js/twister_newmsgs.js @@ -24,7 +24,8 @@ function processMention(user, mentionTime, data) { if( mentionTime + 3600 * 24 * 3 > _lastMentionTime ) { _newMentions++; newMentionsUpdated = true; - _lastMentionTime = mentionTime; + _lastMentionTime = Math.max(mentionTime,_lastMentionTime); + data["isNew"] = true; } _knownMentions[key] = {mentionTime:mentionTime, data:data}; purgeOldMentions(); @@ -80,6 +81,11 @@ function requestMentionsCount() { function resetMentionsCount() { _newMentions = 0; + for( var key in _knownMentions ) { + if( _knownMentions.hasOwnProperty(key) && _knownMentions[key].data ) { + delete _knownMentions[key].data["isNew"] + } + } saveMentionsToStorage(); $.MAL.updateNewMentionsUI(_newMentions); }