forked from AkkomaGang/akkoma-fe
wip
This commit is contained in:
parent
5e93ca3edb
commit
aa1f2a1c3f
|
@ -22,12 +22,14 @@
|
||||||
:fallback-user="currentUser"
|
:fallback-user="currentUser"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<ChatAvatar
|
<div style="visibility: hidden">
|
||||||
:users="chatParticipants"
|
<ChatAvatar
|
||||||
:fallback-user="currentUser"
|
:users="chatParticipants"
|
||||||
width="35px"
|
:fallback-user="currentUser"
|
||||||
height="35px"
|
width="23px"
|
||||||
/>
|
height="23px"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
|
|
|
@ -102,6 +102,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.direct-conversation-avatar {
|
.direct-conversation-avatar {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
&.single-user {
|
&.single-user {
|
||||||
border-radius: $fallback--avatarAltRadius;
|
border-radius: $fallback--avatarAltRadius;
|
||||||
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
|
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
|
||||||
|
|
|
@ -37,7 +37,14 @@
|
||||||
|
|
||||||
.avatar-wrapper {
|
.avatar-wrapper {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
// margin-top: 13px;
|
||||||
|
top: 5px;
|
||||||
width: 32px;
|
width: 32px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
// img {
|
||||||
|
// position: absolute;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-preview, .attachments {
|
.link-preview, .attachments {
|
||||||
|
|
|
@ -1,11 +1,15 @@
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
|
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'
|
import { mapState } from 'vuex'
|
||||||
|
|
||||||
const USER_LIMIT = 10
|
const USER_LIMIT = 10
|
||||||
|
|
||||||
export default Vue.component('direct-conversation-title', {
|
export default Vue.component('direct-conversation-title', {
|
||||||
name: 'ChatTitle',
|
name: 'ChatTitle',
|
||||||
|
components: {
|
||||||
|
ChatAvatar
|
||||||
|
},
|
||||||
props: [
|
props: [
|
||||||
'users', 'fallbackUser'
|
'users', 'fallbackUser'
|
||||||
],
|
],
|
||||||
|
|
|
@ -4,6 +4,12 @@
|
||||||
class="direct-conversation-title"
|
class="direct-conversation-title"
|
||||||
:title="title"
|
:title="title"
|
||||||
>
|
>
|
||||||
|
<ChatAvatar
|
||||||
|
:users="otherUsers"
|
||||||
|
:fallback-user="currentUser"
|
||||||
|
width="23px"
|
||||||
|
height="23px"
|
||||||
|
/>
|
||||||
<span
|
<span
|
||||||
v-for="(user, index) in otherUsersTruncated"
|
v-for="(user, index) in otherUsersTruncated"
|
||||||
:key="user.id"
|
:key="user.id"
|
||||||
|
|
Loading…
Reference in a new issue