Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

recent_topics: Use `unread_counts` class for showing unread count.

This commit is contained in:
Aman Agrawal 2021-04-09 18:57:13 +00:00 committed by Tim Abbott
parent 6744522229
commit 97496088c9
3 changed files with 3 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/styles/night_mode.css
View File

@ -165,6 +165,7 @@ on a dark background, and don't change the dark labels dark either. */
color: hsl(236, 33%, 90%); color: hsl(236, 33%, 90%);
} }
.recent_topics_container .unread_count,
.topic-list-item .unread_count, .topic-list-item .unread_count,
.expanded_private_message .unread_count { .expanded_private_message .unread_count {
background-color: hsla(105, 2%, 50%, 0.5); background-color: hsla(105, 2%, 50%, 0.5);
@ -414,11 +415,6 @@ on a dark background, and don't change the dark labels dark either. */
background-color: hsla(0, 0%, 0%, 0.2); background-color: hsla(0, 0%, 0%, 0.2);
} }
.recent_topic_unread_count {
background-color: hsl(0, 0%, 15%) !important;
color: hsl(0, 0%, 100%);
}
.recent_avatars_others { .recent_avatars_others {
color: hsl(0, 0%, 100%) !important; color: hsl(0, 0%, 100%) !important;
background-color: hsl(211, 18%, 25%) !important; background-color: hsl(211, 18%, 25%) !important;

11
static/styles/recent_topics.css
View File

@ -116,16 +116,7 @@
background-color: hsl(0, 11%, 93%); background-color: hsl(0, 11%, 93%);
} }
.recent_topic_unread_count { .unread_count {
background-color: hsl(105, 2%, 50%) !important;
color: hsl(0, 0%, 100%);
height: 16px;
line-height: 16px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.6px;
border-radius: 4px;
padding: 0 4px;
margin-right: 10px; margin-right: 10px;
align-self: center; align-self: center;
} }

2
static/templates/recent_topic_row.hbs
View File

@ -13,7 +13,7 @@
<a href="{{topic_url}}">{{topic}}</a> <a href="{{topic_url}}">{{topic}}</a>
</div> </div>
<div class="right_part"> <div class="right_part">
{{#if unread_count}}<span class="recent_topic_unread_count">{{unread_count}}</span>{{/if}} {{#if unread_count}}<span class="unread_count">{{unread_count}}</span>{{/if}}
<div class="recent_topic_actions"> <div class="recent_topic_actions">
<div class="recent_topics_focusable"> <div class="recent_topics_focusable">
{{#if topic_muted}} {{#if topic_muted}}