paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

unread_counts: Scale unread counts with UI.

Browse Source
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
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 { .unread_count {
float: right; float: right;
padding: 0 4px; padding: 0 4px;
height: 16px; /* 12px at 14px/em */
line-height: 16px; font-size: 0.8571em;
font-size: 12px; /* 16px at 12px/em, owing to font-size above. */
height: 1.3333em;
line-height: 1.3333em;
font-weight: normal; font-weight: normal;
border-radius: 4px; border-radius: 4px;
background-color: var(--color-background-unread-counter); background-color: var(--color-background-unread-counter);

6
web/styles/inbox.css
View File

@@ -324,6 +324,12 @@
} }
.unread-count-focus-outline { .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; grid-area: unread_count;
display: flex; display: flex;
align-items: center; 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); background: var(--color-background-hover-narrow-filter);
.unread_count { .unread_count {
top: -6px; /* 6px at 12px/1em */
right: -6px; top: -0.5em;
right: -0.5em;
background: var(--color-background-unread-counter-no-alpha); background: var(--color-background-unread-counter-no-alpha);
} }
} }