From 4a56980bff1fad9031c02076be66fe79b170b1eb Mon Sep 17 00:00:00 2001
From: Steve Howell <showell@zulipchat.com>
Date: Thu, 31 Jan 2019 19:01:27 +0000
Subject: [PATCH] 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.
---
 static/styles/left-sidebar.scss | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/static/styles/left-sidebar.scss b/static/styles/left-sidebar.scss
index cd5e36eb6f..d14c55e274 100644
--- a/static/styles/left-sidebar.scss
+++ b/static/styles/left-sidebar.scss
@@ -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;