Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

emoji: Display status emoji as flexboxes in status modal.

This commit is contained in:
Karl Stolley 2023-09-18 13:30:19 -05:00 committed by Tim Abbott
parent 896a768038
commit 9e2006a321
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/styles/user_status.css
View File

@ -4,6 +4,7 @@
.user-status-content-wrapper {
display: flex;
align-items: center;
border: 1px solid;
border-color: hsl(0deg 0% 0% / 60%);
border-radius: 5px;
@ -20,9 +21,7 @@
}
.status-emoji-wrapper {
height: 20px;
width: 22px;
padding: 8px 8px 1px;
padding: 4px 8px;
border-right: 1px solid;
border-color: inherit;
cursor: pointer;
@ -69,17 +68,18 @@
}
.user-status-value {
display: flex;
align-items: center;
width: 100%;
text-align: left;
margin-bottom: 10px;
line-height: 1.1em;
margin-bottom: 7px;
line-height: 1em;
.status-emoji {
height: 18px;
width: 18px;
margin-left: 3px;
margin-right: 3px;
top: 2px;
/* Size and align status emoji to match
the top line of the modal. */
height: 20px;
width: 20px;
margin: 0 7px;
}
}
}