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

left_sidebar: Vastly improve the unread-dot placement.

Browse Source
This commit is contained in:
Karl Stolley
2025-08-01 12:03:04 -05:00
committed by Tim Abbott
parent 21e7876fbc
commit fb8f695d28
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/left_sidebar.css
View File

@@ -976,7 +976,15 @@ li.active-sub-filter {
/* .unread_count has its based font-size set to 12px at 14px/em. */ /* .unread_count has its based font-size set to 12px at 14px/em. */
/* 2px, 6px at 12px/1em */ /* 2px, 6px at 12px/1em */
top: 0.1667em; top: 0.1667em;
right: 0.1667em; /* With positioning, we center the dot over the icon
by subtracting half its width from the 50% mark. */
right: calc(50% - 0.25em);
/* But then we shift it left the em equivalent of half
the icon width (15px/2) plus 2px. This keeps the
unread dot in correct proximity to the view icon,
no matter how the row flexes or what information-
density values a user has set. 9.5px at 12px/1em. */
transform: translateX(0.7917em);
width: 0.5em; width: 0.5em;
height: 0.5em; height: 0.5em;
padding: 0; padding: 0;