butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Remove redacted and show edited

Browse source
This commit is contained in:
N-Pex 2020-11-25 15:29:20 +01:00
parent 0e8039f02d
commit 3ad4083312
4 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/chat.scss
View file

@ -167,6 +167,10 @@ $chat-text-size: 0.7pt;
font-weight: 400; font-weight: 400;
font-size: 22 * $chat-text-size; font-size: 22 * $chat-text-size;
color: #000000; color: #000000;
.edit-marker {
font-size: 0.8rem;
color: #888888;
}
} }
.time { .time {

2
src/components/Chat.vue
View file

@ -7,7 +7,7 @@
v-on:scroll="onScroll" v-on:scroll="onScroll"
> >
<div v-for="event in events" :key="event.getId()"> <div v-for="event in events" :key="event.getId()">
<v-hover v-slot="{ hover }" v-if="!event.isRelation()"> <v-hover v-slot="{ hover }" v-if="!event.isRelation() && !event.isRedacted() && !event.isRedaction()">
<div style="position: relative"> <div style="position: relative">
<component <component
:is="componentForEvent(event)" :is="componentForEvent(event)"

4
src/components/messages/MessageIncomingText.vue
View file

@ -13,7 +13,9 @@
</v-avatar> </v-avatar>
<div class="bubble"> <div class="bubble">
<div class="message">{{ event.getContent().body }}</div> <div class="message">{{ event.getContent().body }}
<span class="edit-marker" v-if="event.replacingEventId()">(edited)</span>
</div>
<QuickReactions :event="event" :reactions="reactions" /> <QuickReactions :event="event" :reactions="reactions" />
</div> </div>
</div> </div>

4
src/components/messages/MessageOutgoingText.vue
View file

@ -3,7 +3,9 @@
<div class="messageOut"> <div class="messageOut">
<div class="sender">{{ "You" }}</div> <div class="sender">{{ "You" }}</div>
<div class="bubble"> <div class="bubble">
<div class="message">{{ event.getContent().body }}</div> <div class="message">{{ event.getContent().body }}
<span class="edit-marker" v-if="event.replacingEventId()">(edited)</span>
</div>
<QuickReactions :event="event" :reactions="reactions" /> <QuickReactions :event="event" :reactions="reactions" />
</div> </div>
<div class="status">{{ event.status }}</div> <div class="status">{{ event.status }}</div>