itepechi/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Releases 1 Activity

hide status preview popper when hover popper content

Browse source
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

6
src/components/status/status.vue
View file

@ -173,6 +173,7 @@
<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">
<div class="popper-wrapper-inner" @mouseover.prevent.stop @focus.prevent.stop>
<status <status
v-if="preview" v-if="preview"
:isPreview="true" :isPreview="true"
@ -183,6 +184,7 @@
<i class="icon-spin4 animate-spin"></i> <i class="icon-spin4 animate-spin"></i>
</div> </div>
</div> </div>
</div>
<a <a
slot="reference" slot="reference"
@ -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;