From b7cfefc2136a0e1e4e6d033ece9919a23ce0c591 Mon Sep 17 00:00:00 2001 From: Tim Abbott Date: Wed, 14 Apr 2021 11:41:36 -0700 Subject: [PATCH] css: Add custom styling for starred message counts. We use an inverted color scheme to what we use for unread messages, so that one's eyes scan these as different from unreads. We also need to introduce a 1px offset because the border takes up space. Fixes #17938. --- static/styles/left_sidebar.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/static/styles/left_sidebar.css b/static/styles/left_sidebar.css index 4c99fa221b..87b2efba71 100644 --- a/static/styles/left_sidebar.css +++ b/static/styles/left_sidebar.css @@ -239,7 +239,18 @@ li.active-sub-filter { display: none; } + .top_left_starred_messages .unread_count { + background-color: inherit; + color: inherit; + border: 0.5px solid hsl(105, 2%, 50%); + /* The border takes up space, so we need to + subtract 1px from the usual 2px margin-top */ + margin-top: 1px !important; + } + .expanded_private_message .unread_count { + /* This margin accounts for the fact that the private messages + container gets a few pixels taller when expanded */ margin: 0; }