fix: Clicking contact name in conversation should open contact details panel (#6580)

* chore: support panel trigger on contact name click

Co-authored-by: BikashSah999 <51731962+BikashSah999@users.noreply.github.com>

* Update ConversationHeader.vue

---------

Co-authored-by: BikashSah999 <51731962+BikashSah999@users.noreply.github.com>
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
This commit is contained in:
GitStart
2023-03-02 08:46:57 +01:00
committed by GitHub
parent 9e8eb293e9
commit 89c391e7c0

View File

@@ -10,16 +10,25 @@
:status="currentContact.availability_status"
/>
<div class="user--profile__meta">
<h3 class="user--name text-truncate">
<span class="margin-right-smaller">{{ currentContact.name }}</span>
<fluent-icon
v-if="!isHMACVerified"
v-tooltip="$t('CONVERSATION.UNVERIFIED_SESSION')"
size="14"
class="hmac-warning__icon"
icon="warning"
/>
</h3>
<woot-button
variant="link"
color-scheme="secondary"
class="text-truncate"
@click.prevent="$emit('contact-panel-toggle')"
>
<h3 class="sub-block-title user--name text-truncate">
<span class="margin-right-smaller">{{
currentContact.name
}}</span>
<fluent-icon
v-if="!isHMACVerified"
v-tooltip="$t('CONVERSATION.UNVERIFIED_SESSION')"
size="14"
class="hmac-warning__icon"
icon="warning"
/>
</h3>
</woot-button>
<div class="conversation--header--actions text-truncate">
<inbox-name
v-if="hasMultipleInboxes"
@@ -201,11 +210,10 @@ export default {
.user--name {
display: inline-block;
font-size: var(--font-size-medium);
line-height: 1.3;
margin: 0;
line-height: 1.2;
text-transform: capitalize;
width: 100%;
margin: 0;
padding: 0;
}
.conversation--header--actions {