aboutsummaryrefslogtreecommitdiff
path: root/src/components/moderation_tools/moderation_tools.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2019-07-16 20:49:49 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2019-07-16 20:49:49 +0000
commitcc2e35f4999a16a6647887f1c4f09e2b19a54b3e (patch)
treedc4d3e5aa3de812ce546e3a206a1f97fa4dc7f24 /src/components/moderation_tools/moderation_tools.vue
parentf734a721165537b587495498c3e7c3d80eb179e7 (diff)
parent051b3b5141b7da8fd5c73af20848d6546ff43248 (diff)
Merge branch '609' into 'develop'
Fix popper issues using another popper library Closes #612 and #609 See merge request pleroma/pleroma-fe!881
Diffstat (limited to 'src/components/moderation_tools/moderation_tools.vue')
-rw-r--r--src/components/moderation_tools/moderation_tools.vue28
1 files changed, 15 insertions, 13 deletions
diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue
index f1ab67a6..d97ca3aa 100644
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@@ -1,18 +1,15 @@
<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"
+ placement="bottom-end"
+ :offset="5"
+ @show="showDropDown = true"
@hide="showDropDown = false"
>
- <div class="popper-wrapper">
+ <div slot="popover">
<div class="dropdown-menu">
<span v-if="user.is_local">
<button
@@ -127,14 +124,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 +183,11 @@
}
}
+.moderation-tools-popover {
+ height: 100%;
+ .trigger {
+ display: flex !important;
+ height: 100%;
+ }
+}
</style>