summaryrefslogtreecommitdiff
path: root/packages/client/src/components
diff options
context:
space:
mode:
authorxianon <xianon@hotmail.co.jp>2022-02-20 16:07:29 +0900
committerGitHub <noreply@github.com>2022-02-20 16:07:29 +0900
commitec632e6694607c6b57b34ba2287f0ea469bd4075 (patch)
tree221fc7508330e4be6a37cf354a5b3acd596ed962 /packages/client/src/components
parentFix ajv (#8333) (diff)
downloadmisskey-ec632e6694607c6b57b34ba2287f0ea469bd4075.tar.gz
misskey-ec632e6694607c6b57b34ba2287f0ea469bd4075.tar.bz2
misskey-ec632e6694607c6b57b34ba2287f0ea469bd4075.zip
タッチ操作でウィジェットの編集や削除ができるようにする (#8328)
Diffstat (limited to 'packages/client/src/components')
-rw-r--r--packages/client/src/components/widgets.vue7
1 files changed, 2 insertions, 5 deletions
diff --git a/packages/client/src/components/widgets.vue b/packages/client/src/components/widgets.vue
index ccde5fbe55..da9d935281 100644
--- a/packages/client/src/components/widgets.vue
+++ b/packages/client/src/components/widgets.vue
@@ -12,13 +12,14 @@
<XDraggable
v-model="widgets_"
item-key="id"
+ handle=".handle"
animation="150"
>
<template #item="{element}">
<div class="customize-container">
<button class="config _button" @click.prevent.stop="configWidget(element.id)"><i class="fas fa-cog"></i></button>
<button class="remove _button" @click.prevent.stop="removeWidget(element)"><i class="fas fa-times"></i></button>
- <component :ref="el => widgetRefs[element.id] = el" :is="`mkw-${element.name}`" :widget="element" @updateProps="updateWidget(element.id, $event)"/>
+ <component class="handle" :ref="el => widgetRefs[element.id] = el" :is="`mkw-${element.name}`" :widget="element" @updateProps="updateWidget(element.id, $event)"/>
</div>
</template>
</XDraggable>
@@ -121,10 +122,6 @@ export default defineComponent({
position: relative;
cursor: move;
- > *:not(.remove):not(.config) {
- pointer-events: none;
- }
-
> .config,
> .remove {
position: absolute;