paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 22:43:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

pm_list_item: Use unread_counts class for showing unread count.

Browse Source
This commit is contained in:
Aman Agrawal
2021-04-09 18:29:10 +00:00
committed by Tim Abbott
parent 019afcd40d
commit ab87325fea
3 changed files with 8 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
static/styles/left_sidebar.css
View File

@@ -239,6 +239,10 @@ li.active-sub-filter {
display: none; display: none;
} }
.expanded_private_message .unread_count {
margin: 0;
}
i { i {
opacity: 0.7; opacity: 0.7;
} }
@@ -289,17 +293,6 @@ li.top_left_recent_topics {
font-size: 13px; font-size: 13px;
} }
.private_message_count {
float: right;
padding: 0 4px;
height: 16px;
line-height: 16px;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.6px;
border-radius: 4px;
}
/* Starred messaged counts aren't really unread /* Starred messaged counts aren't really unread
counts, so we style them differently. counts, so we style them differently.
*/ */
@@ -310,12 +303,6 @@ li.top_left_recent_topics {
border-color: hsl(105, 2%, 50%); border-color: hsl(105, 2%, 50%);
} }
/* These are true "unread" counts. */
.private_message_count {
background-color: hsl(105, 2%, 50%);
color: hsl(0, 0%, 100%);
}
.topic-box { .topic-box {
padding-left: 5px; padding-left: 5px;
margin-right: 30px; margin-right: 30px;

2
static/styles/night_mode.css
View File

@@ -166,7 +166,7 @@ on a dark background, and don't change the dark labels dark either. */
} }
.topic-list-item .unread_count, .topic-list-item .unread_count,
.private_message_count { .expanded_private_message .unread_count {
background-color: hsla(105, 2%, 50%, 0.5); background-color: hsla(105, 2%, 50%, 0.5);
} }

6
static/templates/pm_list_item.hbs
View File

@@ -16,9 +16,9 @@
<a href='{{url}}' class="conversation-partners"> <a href='{{url}}' class="conversation-partners">
{{recipients}} {{recipients}}
</a> </a>
<div class="private_message_count {{#if is_zero}}zero_count{{/if}}"> <span class="unread_count {{#if is_zero}}zero_count{{/if}}">
<div class="value">{{unread}}</div> {{unread}}
</div> </span>
</span> </span>
</li> </li>