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

left_sidebar: Avoid clipping tall glyphs in DM groups, topics.

Browse Source
This commit is contained in:
Karl Stolley
2025-08-11 16:17:50 -04:00
committed by Tim Abbott
parent 9ca22320cd
commit 7dce8df4e8
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/styles/left_sidebar.css
View File

@@ -1646,7 +1646,12 @@ li.active-sub-filter {
overflow-wrap: break-word; overflow-wrap: break-word;
line-height: var(--line-height-sidebar-topic-inner); line-height: var(--line-height-sidebar-topic-inner);
margin: var(--spacing-top-bottom-sidebar-topic-inner) 0; /* To avoid clipping the tops of certain characters,
we set the top space with padding. But to make the
line-clamp effect work, we set the bottom space
with margin. */
padding-top: var(--spacing-top-bottom-sidebar-topic-inner);
margin: 0 0 var(--spacing-top-bottom-sidebar-topic-inner) 0;
} }
} }
@@ -1805,8 +1810,13 @@ li.active-sub-filter {
overflow-wrap: break-word; overflow-wrap: break-word;
line-height: var(--line-height-sidebar-topic-inner); line-height: var(--line-height-sidebar-topic-inner);
margin: var(--spacing-top-bottom-sidebar-topic-inner) 0; /* To avoid clipping the tops of certain characters,
padding: 0 var(--left-sidebar-before-unread-count-padding) 0 0; we set the top space with padding. But to make the
line-clamp effect work, we set the bottom space
with margin. */
padding: var(--spacing-top-bottom-sidebar-topic-inner)
var(--left-sidebar-before-unread-count-padding) 0 0;
margin-bottom: var(--spacing-top-bottom-sidebar-topic-inner);
} }
/* /*