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

left_sidebar: Provide inline-grid layout for DM row status emoji.

Browse Source
This commit is contained in:
Karl Stolley
2023-10-31 10:53:54 -05:00
committed by Tim Abbott
parent b50a09f99e
commit 65ed4d0ac2
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/styles/left_sidebar.css
View File

@@ -666,6 +666,18 @@ li.top_left_scheduled_messages {
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
/* Use an inline grid to provide a modern layout
for status emoji in DM rows, while preserving
the expected ellipsis behavior on long usernames
or large DM groups.
The 16px-tall emoji will also align well
vertically with the 18px line-height here. */
display: inline-grid;
/* Provide a two-column grid, sized to accommodate
the content of the conversation list and status
emoji, if any. */
grid-template-columns: repeat(2, minmax(0, max-content));
align-items: center;
}
.conversation-partners .status-emoji {