From 72fe385ec4c6893c279a00ee1911f03d20e4c1f8 Mon Sep 17 00:00:00 2001
From: taehoon <th.dev91@gmail.com>
Date: Mon, 1 Jul 2019 14:38:43 -0400
Subject: [PATCH] hide status preview popper when hover popper content
---
src/components/status/status.vue | 22 ++++++++++++----------
1 file changed, 12 insertions(+), 10 deletions(-)
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index d59e661c..66082aa4 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -173,14 +173,16 @@
<div v-if="isReply" class="reply-to-and-accountname">
<Popper ref="statusPreviewPopper" :options="{ placement: 'bottom-start' }" @show="replyEnter(status.in_reply_to_status_id)">
<div class="popper-wrapper status-preview">
- <status
- v-if="preview"
- :isPreview="true"
- :statusoid="preview"
- :compact="true"
- />
- <div v-else class="status-preview-loading">
- <i class="icon-spin4 animate-spin"></i>
+ <div class="popper-wrapper-inner" @mouseover.prevent.stop @focus.prevent.stop>
+ <status
+ v-if="preview"
+ :isPreview="true"
+ :statusoid="preview"
+ :compact="true"
+ />
+ <div v-else class="status-preview-loading">
+ <i class="icon-spin4 animate-spin"></i>
+ </div>
</div>
</div>
@@ -855,11 +857,11 @@ a.unmute {
max-width: 95%;
margin-left: 0.5em;
- > .status-el.status-el {
+ .status-el.status-el {
border: none;
}
- > .status-preview-loading {
+ .status-preview-loading {
padding: 1em;
text-align: center;