diff options
| author | taehoon <th.dev91@gmail.com> | 2019-07-01 14:38:43 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-10-24 15:15:33 -0400 |
| commit | 72fe385ec4c6893c279a00ee1911f03d20e4c1f8 (patch) | |
| tree | 2d95bc95b5362da68020b71f33bbcee061b5d35c /src/components/status/status.vue | |
| parent | 498d7bcb5e029650c964ea241ffa3dc44ff6a79e (diff) | |
hide status preview popper when hover popper content
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 22 |
1 files 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; |