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

message_row: Only set bottom margin on avatar for me-messages.

This commit is contained in:
Karl Stolley 2024-06-28 16:16:58 -04:00 committed by Tim Abbott
parent 47430ac719
commit 51d25bad09
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/styles/message_row.css
View File

@ -280,6 +280,10 @@
to center me-messages within the baseline group. */
line-height: var(--message-box-avatar-height);
align-self: baseline;
/* Because the avatar may be the tallest element in a
single-line me message, this margin preserves the
overall height of the message box. */
margin-bottom: var(--message-box-vertical-margin);
}
.message_sender {
@ -325,10 +329,7 @@
grid-area: avatar;
/* The picture should not participate in the baseline group. */
align-self: start;
/* Because the avatar may be the tallest element in a
single-line me message, this margin preserves the
overall height of the message box. */
margin: var(--message-box-vertical-margin) 0;
margin-top: var(--message-box-vertical-margin);
}
.status-message {