moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hide status preview popper when hover popper content

This commit is contained in:
taehoon 2019-07-01 14:38:43 -04:00
parent 498d7bcb5e
commit 72fe385ec4
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/status/status.vue
View File

@ -173,14 +173,16 @@
<div v-if="isReply" class="reply-to-and-accountname"> <div v-if="isReply" class="reply-to-and-accountname">
<Popper ref="statusPreviewPopper" :options="{ placement: 'bottom-start' }" @show="replyEnter(status.in_reply_to_status_id)"> <Popper ref="statusPreviewPopper" :options="{ placement: 'bottom-start' }" @show="replyEnter(status.in_reply_to_status_id)">
<div class="popper-wrapper status-preview"> <div class="popper-wrapper status-preview">
<status <div class="popper-wrapper-inner" @mouseover.prevent.stop @focus.prevent.stop>
v-if="preview" <status
:isPreview="true" v-if="preview"
:statusoid="preview" :isPreview="true"
:compact="true" :statusoid="preview"
/> :compact="true"
<div v-else class="status-preview-loading"> />
<i class="icon-spin4 animate-spin"></i> <div v-else class="status-preview-loading">
<i class="icon-spin4 animate-spin"></i>
</div>
</div> </div>
</div> </div>
@ -855,11 +857,11 @@ a.unmute {
max-width: 95%; max-width: 95%;
margin-left: 0.5em; margin-left: 0.5em;
> .status-el.status-el { .status-el.status-el {
border: none; border: none;
} }
> .status-preview-loading { .status-preview-loading {
padding: 1em; padding: 1em;
text-align: center; text-align: center;