aboutsummaryrefslogtreecommitdiff
path: root/src/components/moderation_tools/moderation_tools.vue
diff options
context:
space:
mode:
authortaehoon <th.dev91@gmail.com>2019-07-11 08:33:10 -0400
committertaehoon <th.dev91@gmail.com>2019-07-15 21:22:41 -0400
commit4f74392641f4e03723a0220fd1b012a38fd26fac (patch)
tree6820f85f6a1770c5699c35c21880e595c039fd75 /src/components/moderation_tools/moderation_tools.vue
parentb9c547828e082970f8ad3fb72f81e38b738a6d0c (diff)
rewrite ModerationTools using v-tooltip
Diffstat (limited to 'src/components/moderation_tools/moderation_tools.vue')
-rw-r--r--src/components/moderation_tools/moderation_tools.vue26
1 files changed, 13 insertions, 13 deletions
diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue
index f1ab67a6..4990a151 100644
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@@ -1,18 +1,13 @@
<template>
<div>
- <Popper
+ <v-popover
trigger="click"
- append-to-body
- :options="{
- placement: 'bottom-end',
- modifiers: {
- arrow: { enabled: true },
- offset: { offset: '0, 5px' },
- }
- }"
+ class="moderation-tools-popover"
+ :container="false"
+ @show="showDropDown = true"
@hide="showDropDown = false"
>
- <div class="popper-wrapper">
+ <div class="popper-wrapper" slot="popover">
<div class="dropdown-menu">
<span v-if="user.is_local">
<button
@@ -127,14 +122,12 @@
</div>
</div>
<button
- slot="reference"
class="btn btn-default btn-block"
:class="{ pressed: showDropDown }"
- @click="toggleMenu"
>
{{ $t('user_card.admin_menu.moderation') }}
</button>
- </Popper>
+ </v-popover>
<portal to="modal">
<DialogModal
v-if="showDeleteUserDialog"
@@ -188,4 +181,11 @@
}
}
+.moderation-tools-popover {
+ height: 100%;
+ .trigger {
+ display: flex !important;
+ height: 100%;
+ }
+}
</style>