sam/pleroma-fe
sam/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

WIP chat improvements

Browse source
This commit is contained in:
eugenijm 2020-05-21 08:17:40 +03:00
parent 3dbe0d1e61
commit 6b272b9c99
3 changed files with 31 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/chat/chat.js
View file

@ -60,7 +60,12 @@ const Chat = {
if (this.currentChat) {
return [this.currentChat.account]
} else {
return []
const user = this.findUser(this.recipientId)
if (user) {
return [user]
} else {
return []
}
}
},
recipient () {

14
src/components/chat/chat.scss
View file

@ -44,6 +44,20 @@
position: -webkit-sticky;
position: sticky;
.direct-conversation-title {
display: flex;
a {
display: flex;
align-items: center;
}
}
.go-back-button-wrapper {
display: flex;
width: 100%;
}
.button-icon {
cursor: pointer;
display: flex;

37
src/components/chat/chat.vue
View file

@ -10,36 +10,21 @@
ref="header"
class="panel-heading direct-conversation-view-heading mobile-hidden"
>
<!-- <a
class="go-back-button"
@click="goBack"
> -->
<i
class="button-icon icon-left-open"
@click="goBack"
/>
<!-- </a> -->
<div class="title text-center">
<ChatTitle
:users="chatParticipants"
:fallback-user="currentUser"
:with-avatar="true"
<div class="go-back-button-wrapper">
<i
class="button-icon icon-left-open go-back-button"
@click="goBack"
/>
<div class="title text-center">
<ChatTitle
:users="chatParticipants"
:fallback-user="currentUser"
:with-avatar="true"
/>
</div>
</div>
<div style="">
<!-- <ChatAvatar
:users="chatParticipants"
:fallback-user="currentUser"
width="23px"
height="23px"
/> -->
<!-- <a
class=""
style="margin-right: 0.3em;"
@click="goBack"
> -->
<i class="button-icon icon-info-circled" />
<!-- </a> -->
</div>
</div>
<template>