twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-01-13 16:37:52 +00:00
Code Issues Projects Releases Wiki Activity

individual new messages counters in DM modals for each peer/group

Browse Source
This commit is contained in:
Simon Grim 2015-10-30 04:28:23 +05:00
parent a82c802edd
commit 50827a6691
7 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/style.css
View File

@ -1534,6 +1534,13 @@ ol.toptrends-list {
color: rgba( 0, 0, 0, .4 ); color: rgba( 0, 0, 0, .4 );
} }
.direct-messages-list .post .messages-qtd {
display: none;
top: 8px;
left: 16px;
line-height: 8px;
}
.direct-messages-thread { .direct-messages-thread {
padding: 10px; padding: 10px;
} }

1
following.html
View File

@ -373,6 +373,7 @@
</div> </div>
<!-- o texto do post (restrição de caracteres?) --> <!-- o texto do post (restrição de caracteres?) -->
<p class="post-text"></p> <p class="post-text"></p>
<div class="messages-qtd">0</div>
</li> </li>
<div class="messages-thread-template"> <div class="messages-thread-template">

1
home.html
View File

@ -465,6 +465,7 @@
</div> </div>
<!-- o texto do post (restrição de caracteres?) --> <!-- o texto do post (restrição de caracteres?) -->
<p class="post-text"></p> <p class="post-text"></p>
<div class="messages-qtd">0</div>
</li> </li>
<div class="messages-thread-template"> <div class="messages-thread-template">

5
js/twister_directmsg.js
View File

@ -28,6 +28,11 @@ function processDMsnippet(dmUsers, dmThreadList, forGroup) {
// convert snipped to html and add it to date-sorted list // convert snipped to html and add it to date-sorted list
var dmItem = dmDataToSnippetItem(dmUsers[u][0], u); 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 timeDmItem = parseInt(dmItem.attr('data-time'));
var existingItems = dmThreadList.children(); var existingItems = dmThreadList.children();
for (var j = 0; j < existingItems.length; j++) { for (var j = 0; j < existingItems.length; j++) {

7
theme_calm/css/style.css
View File

@ -1919,6 +1919,13 @@ textarea.splited-post {
color: rgba( 0, 0, 0, .4 ); color: rgba( 0, 0, 0, .4 );
} }
.direct-messages-list .post .messages-qtd {
display: none;
top: 8px;
left: 16px;
line-height: 8px;
}
.direct-messages-thread { .direct-messages-thread {
padding: 10px; padding: 10px;
} }

7
theme_nin/css/style.css
View File

@ -2905,6 +2905,13 @@ ol.toptrends-list a:hover {
display: none; display: none;
} }
.direct-messages-list .post .messages-qtd {
display: none;
top: -2px;
right: -2px;
font-size: 0.7em;
}
/* line 782, ../sass/style.sass */ /* line 782, ../sass/style.sass */
.direct-messages-list .post:hover:after { .direct-messages-list .post:hover:after {
display: block; display: block;

5
theme_nin/sass/style.sass
View File

@ -847,6 +847,11 @@ ol.toptrends-list
margin: -6px 0 0 0 margin: -6px 0 0 0
color: rgba(0, 0, 0, 0.4) color: rgba(0, 0, 0, 0.4)
display: none display: none
.messages-qtd
display: none
top: -2px
right: -2px
font-size: 0.7em
.direct-messages-list .direct-messages-list
.post:hover:after .post:hover:after