KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix positioning of read ticks on attachment message bubbles (#4545)

Browse source 
* Fix positioning of read ticks

* Review fixes

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: iamsivin <iamsivin@gmail.com>
This commit is contained in:
Fayaz Ahmed 2022-04-27 08:12:30 +05:30 committed by GitHub
parent 1bf2da180b
commit 3d824855f0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/javascript/dashboard/components/widgets/conversation/bubble/Actions.vue
View file

@ -1,6 +1,8 @@
<template> <template>
<div class="message-text--metadata"> <div class="message-text--metadata">
<span class="time">{{ readableTime }}</span> <span class="time" :class="{ delivered: messageRead }">{{
readableTime
}}</span>
<span v-if="showSentIndicator" class="time"> <span v-if="showSentIndicator" class="time">
<fluent-icon <fluent-icon
v-tooltip.top-start="$t('CHAT_LIST.SENT')" v-tooltip.top-start="$t('CHAT_LIST.SENT')"
@ -252,6 +254,15 @@ export default {
position: absolute; position: absolute;
right: var(--space-small); right: var(--space-small);
white-space: nowrap; white-space: nowrap;
&.delivered {
right: var(--space-medium);
line-height: 2;
}
}
.read-tick {
position: absolute;
bottom: var(--space-small);
right: var(--space-small);
} }
} }
} }