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

starred messages: Change styling of count. 

The count for "starred messages" is not a
true "unread" count.

We break out the CSS so that it's styled
differently from other elements.
This commit is contained in:
Steve Howell 2019-01-31 19:01:27 +00:00
parent b7a0a45f01
commit 4a56980bff
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/styles/left-sidebar.scss
View File

@ -167,22 +167,47 @@ li.active-sub-filter {
font-size: 13px;
}
#global_filters .count,
/* We are mostly consistent in how we style
unread counts, except for starred messages.
This is the common section.
*/
.top_left_all_messages .count,
.top_left_private_messages .count,
.top_left_starred_messages .count,
.top_left_mentions .count,
#stream_filters .count,
.topic-unread-count,
.private_message_count {
float: right;
background-color: hsl(105, 2%, 50%);
padding: 0 4px;
height: 16px;
line-height: 16px;
color: hsl(0, 0%, 100%);
font-size: 12px;
font-weight: normal;
letter-spacing: 0.6px;
border-radius: 4px;
}
/* Starred messaged counts aren't really unread
counts, so we style them differently.
*/
.top_left_starred_messages {
background-color: transparent;
border-width: 0;
color: inherit;
}
/* These are true "unread" counts. */
.top_left_all_messages .count,
.top_left_private_messages .count,
.top_left_mentions .count,
#stream_filters .count,
.topic-unread-count,
.private_message_count {
background-color: hsl(105, 2%, 50%);
color: hsl(0, 0%, 100%);
}
#global_filters .count {
margin-right: 20px;
margin-top: 2px;