This commit is contained in:
eugenijm 2020-05-10 14:06:48 +03:00
parent 5e93ca3edb
commit aa1f2a1c3f
5 changed files with 28 additions and 6 deletions

View file

@ -22,12 +22,14 @@
:fallback-user="currentUser"
/>
</div>
<ChatAvatar
:users="chatParticipants"
:fallback-user="currentUser"
width="35px"
height="35px"
/>
<div style="visibility: hidden">
<ChatAvatar
:users="chatParticipants"
:fallback-user="currentUser"
width="23px"
height="23px"
/>
</div>
</div>
<template>
<div

View file

@ -102,6 +102,9 @@
}
.direct-conversation-avatar {
display: inline-block;
vertical-align: middle;
&.single-user {
border-radius: $fallback--avatarAltRadius;
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);

View file

@ -37,7 +37,14 @@
.avatar-wrapper {
margin-right: 10px;
// margin-top: 13px;
top: 5px;
width: 32px;
position: relative;
// img {
// position: absolute;
// }
}
.link-preview, .attachments {

View file

@ -1,11 +1,15 @@
import Vue from 'vue'
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
import ChatAvatar from '../chat_avatar/chat_avatar.vue'
import { mapState } from 'vuex'
const USER_LIMIT = 10
export default Vue.component('direct-conversation-title', {
name: 'ChatTitle',
components: {
ChatAvatar
},
props: [
'users', 'fallbackUser'
],

View file

@ -4,6 +4,12 @@
class="direct-conversation-title"
:title="title"
>
<ChatAvatar
:users="otherUsers"
:fallback-user="currentUser"
width="23px"
height="23px"
/>
<span
v-for="(user, index) in otherUsersTruncated"
:key="user.id"