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.
This commit is contained in:
Tim Abbott 2021-04-14 11:41:36 -07:00
parent 97496088c9
commit b7cfefc213
1 changed files with 11 additions and 0 deletions

View File

@ -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;
}