Update messaging-room.message.vue

This commit is contained in:
tamaina 2018-07-08 23:45:16 +09:00 committed by GitHub
parent 313afbd6db
commit 7b3f52505e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 16 deletions

View File

@ -3,7 +3,6 @@
<mk-avatar class="avatar" :user="message.user" target="_blank"/> <mk-avatar class="avatar" :user="message.user" target="_blank"/>
<div class="content"> <div class="content">
<div class="balloon" :data-no-text="message.text == null"> <div class="balloon" :data-no-text="message.text == null">
<p class="read" v-if="isMe && message.isRead">%i18n:@is-read%</p>
<button class="delete-button" v-if="isMe" title="%i18n:common.delete%"> <button class="delete-button" v-if="isMe" title="%i18n:common.delete%">
<img src="/assets/desktop/messaging/delete.png" alt="Delete"/> <img src="/assets/desktop/messaging/delete.png" alt="Delete"/>
</button> </button>
@ -23,6 +22,7 @@
<div></div> <div></div>
<mk-url-preview v-for="url in urls" :url="url" :key="url"/> <mk-url-preview v-for="url in urls" :url="url" :key="url"/>
<footer> <footer>
<span class="read" v-if="isMe && message.isRead">%i18n:@is-read%</p>
<mk-time :time="message.createdAt"/> <mk-time :time="message.createdAt"/>
<template v-if="message.is_edited">%fa:pencil-alt%</template> <template v-if="message.is_edited">%fa:pencil-alt%</template>
</footer> </footer>
@ -120,17 +120,6 @@ root(isDark)
height 16px height 16px
cursor pointer cursor pointer
> .read
user-select none
display block
position absolute
z-index 1
bottom -4px
left -12px
margin 0
color isDark ? rgba(#fff, 0.5) : rgba(#000, 0.5)
font-size 11px
> .content > .content
> .is-deleted > .is-deleted
@ -186,11 +175,14 @@ root(isDark)
margin 8px 0 margin 8px 0
> footer > footer
display block display flex
margin 2px 0 0 0 margin 2px 0 0 0
font-size 10px font-size 11px
color isDark ? rgba(#fff, 0.4) : rgba(#000, 0.4) color isDark ? rgba(#fff, 0.4) : rgba(#000, 0.4)
> .read
margin 0 8px 0 0
> [data-fa] > [data-fa]
margin-left 4px margin-left 4px
@ -222,7 +214,7 @@ root(isDark)
color #fff color #fff
> footer > footer
text-align left justify-content left
&[data-is-me] &[data-is-me]
> .avatar > .avatar
@ -256,7 +248,7 @@ root(isDark)
color #fff !important color #fff !important
> footer > footer
text-align right justify-content right
&[data-is-deleted] &[data-is-deleted]
> .baloon > .baloon