diff --git a/css/style.css b/css/style.css index 57a74d3..94144a4 100644 --- a/css/style.css +++ b/css/style.css @@ -1534,6 +1534,13 @@ ol.toptrends-list { color: rgba( 0, 0, 0, .4 ); } +.direct-messages-list .post .messages-qtd { + display: none; + top: 8px; + left: 16px; + line-height: 8px; +} + .direct-messages-thread { padding: 10px; } diff --git a/following.html b/following.html index 998eace..603ef13 100644 --- a/following.html +++ b/following.html @@ -373,6 +373,7 @@

+
0
diff --git a/home.html b/home.html index 46d0eea..3ecaf28 100644 --- a/home.html +++ b/home.html @@ -465,6 +465,7 @@

+
0
diff --git a/js/twister_directmsg.js b/js/twister_directmsg.js index 18fbb92..d07e77f 100644 --- a/js/twister_directmsg.js +++ b/js/twister_directmsg.js @@ -28,6 +28,11 @@ function processDMsnippet(dmUsers, dmThreadList, forGroup) { // convert snipped to html and add it to date-sorted list var dmItem = dmDataToSnippetItem(dmUsers[u][0], u); + console.log(u + ': ' + _newDMsPerUser[u]); + if (_newDMsPerUser[u] > 0) { + dmItem.addClass('new') + .find('.messages-qtd').text(_newDMsPerUser[u]).show(); + } var timeDmItem = parseInt(dmItem.attr('data-time')); var existingItems = dmThreadList.children(); for (var j = 0; j < existingItems.length; j++) { diff --git a/theme_calm/css/style.css b/theme_calm/css/style.css index 9ed5f30..bad4484 100644 --- a/theme_calm/css/style.css +++ b/theme_calm/css/style.css @@ -1919,6 +1919,13 @@ textarea.splited-post { color: rgba( 0, 0, 0, .4 ); } +.direct-messages-list .post .messages-qtd { + display: none; + top: 8px; + left: 16px; + line-height: 8px; +} + .direct-messages-thread { padding: 10px; } diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 8f97f6b..98b2b1d 100644 --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -2905,6 +2905,13 @@ ol.toptrends-list a:hover { display: none; } +.direct-messages-list .post .messages-qtd { + display: none; + top: -2px; + right: -2px; + font-size: 0.7em; +} + /* line 782, ../sass/style.sass */ .direct-messages-list .post:hover:after { display: block; diff --git a/theme_nin/sass/style.sass b/theme_nin/sass/style.sass index 5c97f8c..3ea82ed 100755 --- a/theme_nin/sass/style.sass +++ b/theme_nin/sass/style.sass @@ -847,6 +847,11 @@ ol.toptrends-list margin: -6px 0 0 0 color: rgba(0, 0, 0, 0.4) display: none + .messages-qtd + display: none + top: -2px + right: -2px + font-size: 0.7em .direct-messages-list .post:hover:after