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

unread_counts: Scale unread counts with UI.

This commit is contained in:
Karl Stolley 2024-06-27 11:56:51 -04:00 committed by Tim Abbott
parent b9539621d8
commit 18e5b3ab6b
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/app_components.css
View File

@ -588,9 +588,11 @@ div.overlay {
.unread_count {
float: right;
padding: 0 4px;
height: 16px;
line-height: 16px;
font-size: 12px;
/* 12px at 14px/em */
font-size: 0.8571em;
/* 16px at 12px/em, owing to font-size above. */
height: 1.3333em;
line-height: 1.3333em;
font-weight: normal;
border-radius: 4px;
background-color: var(--color-background-unread-counter);

6
web/styles/inbox.css
View File

@ -324,6 +324,12 @@
}
.unread-count-focus-outline {
/* Because the inbox view font-size will
never be smaller than the em-equivalent
of 15px, we restate the base font-size
here so that unreads match others in
the UI at legacy size (14px). */
font-size: var(--base-font-size-px);
grid-area: unread_count;
display: flex;
align-items: center;

5
web/styles/left_sidebar.css
View File

@ -542,8 +542,9 @@ li.active-sub-filter {
background: var(--color-background-hover-narrow-filter);
.unread_count {
top: -6px;
right: -6px;
/* 6px at 12px/1em */
top: -0.5em;
right: -0.5em;
background: var(--color-background-unread-counter-no-alpha);
}
}