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

View File

@ -165,6 +165,7 @@ on a dark background, and don't change the dark labels dark either. */
color: hsl(236, 33%, 90%);
}
.recent_topics_container .unread_count,
.topic-list-item .unread_count,
.expanded_private_message .unread_count {
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);
}
.recent_topic_unread_count {
background-color: hsl(0, 0%, 15%) !important;
color: hsl(0, 0%, 100%);
}
.recent_avatars_others {
color: hsl(0, 0%, 100%) !important;
background-color: hsl(211, 18%, 25%) !important;

View File

@ -116,16 +116,7 @@
background-color: hsl(0, 11%, 93%);
}
.recent_topic_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;
.unread_count {
margin-right: 10px;
align-self: center;
}

View File

@ -13,7 +13,7 @@
<a href="{{topic_url}}">{{topic}}</a>
</div>
<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_topics_focusable">
{{#if topic_muted}}