profile_popover: Remove the display presence dot for bots.

This commit removes the presence dot display for bots and fixes
the gap between the bot name and bot icon in the user profile
popover. It also fixes the alignment of the bot icon.

Fixes: #25066
This commit is contained in:
palashb01 2023-04-18 04:25:20 +05:30 committed by Tim Abbott
parent 199afbe8eb
commit bb4d2f5f5b
2 changed files with 10 additions and 1 deletions

View File

@ -429,11 +429,18 @@ ul {
} }
.user_profile_edit_button { .user_profile_edit_button {
margin-left: 10px;
width: 25px; width: 25px;
text-align: center; text-align: center;
} }
.user_profile_name {
margin-right: 10px;
}
.zulip-icon.zulip-icon-bot {
padding: 3px 0 0;
}
#user_profile_edit_button_icon { #user_profile_edit_button_icon {
font-size: 18px; font-size: 18px;
} }

View File

@ -2,9 +2,11 @@
<div class="modal__overlay" tabindex="-1"> <div class="modal__overlay" tabindex="-1">
<div class="modal__container new-style" role="dialog" aria-modal="true" aria-labelledby="dialog_title"> <div class="modal__container new-style" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
<div class="modal__header"> <div class="modal__header">
{{#unless is_bot}}
<div class="tippy-zulip-tooltip" data-tippy-content="{{last_seen}}"> <div class="tippy-zulip-tooltip" data-tippy-content="{{last_seen}}">
<span class="{{user_circle_class}} user_circle user_profile_presence"></span> <span class="{{user_circle_class}} user_circle user_profile_presence"></span>
</div> </div>
{{/unless}}
<h1 class="modal__title user_profile_name_heading" id="name"> <h1 class="modal__title user_profile_name_heading" id="name">
<span class="user_profile_name">{{full_name}}</span> <span class="user_profile_name">{{full_name}}</span>
{{#if is_bot}} {{#if is_bot}}