paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 16:43:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

message_row: Add sender_name_padding for /me messages.

Browse Source 
This fixes the region between the avatar and the sender name in /me
messages not being part of the blue hover/highlight region for the
sender's user card.
This commit is contained in:
Tim Abbott
2023-04-27 11:03:37 -07:00
parent ab0c5f3092
commit 9847e7024a
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/message_row.css
View File

@@ -258,11 +258,17 @@ $time_column_max_width: 150px;
line-height: normal;
outline: none;
margin-top: $sender_name_distance_below_flex_center;
}
.sender_name_padding {
/* Add padding to align user name with the content */
padding-left: $avatar_column_width;
}
.sender_name_padding {
/* Add padding to align user name with the content. This region is
important to ensure that the hover region for the sender name
and avatar are continuous with each other. */
padding-left: $avatar_column_width;
}
.sender_name-in-status .sender_name_padding {
margin-left: -$avatar_column_width;
}
}

1
web/templates/me_message.hbs
View File

@@ -5,6 +5,7 @@
<span class="sender-status">
<span class="sender_info_hover sender_name-in-status auto-select" role="button" tabindex="0">
<span class="sender_name_padding view_user_card_tooltip"></span>
<span class="view_user_card_tooltip">
{{msg/sender_full_name}}
</span>