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

reply long messages close button visibility fixed

Browse source
This commit is contained in:
10G Meow 2022-03-06 15:19:37 +02:00
parent cebdc732bf
commit ccccdedf2e
2 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -163,6 +163,14 @@ $admin-fg: white;
&.reply-to { &.reply-to {
padding: 0; padding: 0;
.reply-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
} }
.iput-area-inner-box { .iput-area-inner-box {
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);

2
src/components/Chat.vue
View file

@ -148,7 +148,7 @@
</div> </div>
<div class="col"> <div class="col">
<div class="font-weight-medium">{{ $t("message.replying_to", { user: replyToEvent.sender.name }) }}</div> <div class="font-weight-medium">{{ $t("message.replying_to", { user: replyToEvent.sender.name }) }}</div>
<div v-if="replyToContentType === 'm.text'"> {{ replyToEvent.getContent().body }} </div> <div v-if="replyToContentType === 'm.text'" class="reply-text" :title="replyToEvent.getContent().body"> {{ replyToEvent.getContent().body }} </div>
<div v-if="replyToContentType === 'm.image'"> {{ $t("message.reply_image") }} </div> <div v-if="replyToContentType === 'm.image'"> {{ $t("message.reply_image") }} </div>
<div v-if="replyToContentType === 'm.audio'"> {{ $t("message.reply_audio_message") }} </div> <div v-if="replyToContentType === 'm.audio'"> {{ $t("message.reply_audio_message") }} </div>
<div v-if="replyToContentType === 'm.video'"> {{ $t("message.reply_video") }} </div> <div v-if="replyToContentType === 'm.video'"> {{ $t("message.reply_video") }} </div>