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

Fix cropped quick reactions on images

Browse source 
Unify placement across different message bubble types. Work on issue #122.
This commit is contained in:
N-Pex 2021-05-06 23:12:02 +02:00
parent 2df8ba3dff
commit 9b11f2274a
13 changed files with 119 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/messages/MessageIncomingVideo.vue
View file

@ -6,14 +6,18 @@
messageEventDisplayName(event).substring(0, 1).toUpperCase()
}}</span>
</v-avatar>
<QuickReactions :event="event" :reactions="reactions" />
<div class="bubble image-bubble">
<v-responsive :aspect-ratio="16 / 9" :src="src">
<video :src="src" controls style="width:100%;height:100%">Video file</video>
<video :src="src" controls style="width: 100%; height: 100%">
Video file
</video>
<div v-if="downloadProgress" class="download-overlay">
<div class="text-center download-text">{{ downloadProgress }}% downloaded</div>
<div class="text-center download-text">
{{ downloadProgress }}% downloaded
</div>
</div>
</v-responsive>
<QuickReactions :event="event" :reactions="reactions" />
</div>
<div class="op-button" ref="opbutton">
<v-btn icon @click.stop="showContextMenu($refs.opbutton)"