kittyfangs
/
fchat-rising
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Less busy PM list

This commit is contained in:
Mr. Stallion 2020-03-20 17:25:35 -05:00
parent e0161dc072
commit 0e428a44bc
1 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
chat/ChatView.vue
View File

@ -40,11 +40,8 @@
<span>{{conversation.character.name}}</span>
<div style="line-height:0;display:flex">
<span class="fas fa-reply" v-show="needsReply(conversation)"></span>
<span class="fas"
:class="{'fa-comment-dots': conversation.typingStatus == 'typing', 'fa-comment': conversation.typingStatus == 'paused'}"
></span>
<span class='online-status' :class="getOnlineStatusIconClasses(conversation)"></span>
<span style="flex:1"></span>
<span :class="getOnlineStatusIconClasses(conversation)"></span>
<span class="pin fas fa-thumbtack" :class="{'active': conversation.isPinned}"
@click="conversation.isPinned = !conversation.isPinned" :aria-label="l('chat.pinTab')"></span>
<span class="fas fa-times leave" @click.stop="conversation.close()" :aria-label="l('chat.closeTab')"></span>
@ -281,6 +278,14 @@
getOnlineStatusIconClasses(conversation: PrivateConversation): Record<string, any> {
const status = conversation.character.status;
if ((conversation.typingStatus === 'typing') || (conversation.typingStatus === 'paused')) {
return {
fas: true,
'fa-comment-dots': (conversation.typingStatus === 'typing'),
'fa-comment': (conversation.typingStatus === 'paused')
};
}
const styling = {
crown: { color: 'online', icon: ['fas', 'fa-crown'] },
online: { color: 'online', icon: ['fas', 'fa-circle'] },
@ -402,12 +407,17 @@
padding-top: 0;
padding-bottom: 0;
.offline,
.online,
.away {
font-size: 80%;
.online-status {
padding-left: 1px;
font-size: 85%;
}
/*.offline,*/
/*.online,*/
/*.away {*/
/* font-size: 80%;*/
/*}*/
.offline {
color: #5c5c84;
}
@ -420,9 +430,14 @@
color: #c7894f;
}
.fa-eye {
margin-right: 3px;
.fa-comment,
.fa-comment-dots {
color: #cbcbe5;
}
/*.fa-eye {*/
/* // margin-right: 3px;*/
/*}*/
}
img {
height: 40px;