CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-15 21:03:26 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

typeahead: Fix left margin for groups icon in typeahead.

Browse Source 
This commit fixes the left margin for groups icon in the
typeahead so that icon is aligned correctly with the
avatar in user item in typeahead.
This commit is contained in:
Sahil Batra 2025-02-19 12:50:19 +05:30 committed by Tim Abbott
parent 434a145e31
commit 8a76da5953
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/typeahead.css
View File

@ -190,7 +190,13 @@
}
&.no-presence-circle {
margin-left: 0.7368em; /* 14px at 19px/1em */
/* 0.6875 * var(--base-font-size) is the width of presence
circle, 2px is right margin of the presence circle and
0.3571 * var(--base-font-size-px) is gap between the presence
circle and avatar. Cannot directly use 0.6875em or 0.3571em
since font-size for triple users icon is different from the
font size used to calculate presence circle width and gap. */
margin-left: calc((0.6875 + 0.3571) * var(--base-font-size-px) + 2px);
}
}