📱 Trigger section context menu on long-press (#586)

This commit is contained in:
Alicia Sykes
2022-03-31 15:52:11 +01:00
parent d077b1b9c9
commit 1187787ef3
2 changed files with 16 additions and 10 deletions

View File

@@ -12,7 +12,8 @@
tabIndex="-1"
>
<label :for="sectionKey" class="lbl-toggle" tabindex="-1"
@mouseup.right="openContextMenu" @contextmenu.prevent>
@mouseup.right="openContextMenu" @contextmenu.prevent
@long-press="openContextMenu" v-longPress="500">
<Icon v-if="icon" :icon="icon" size="small" :url="title" class="section-icon" />
<h3>{{ title }}</h3>
<EditModeIcon v-if="isEditMode" @click="openEditModal"
@@ -29,7 +30,7 @@
</template>
<script>
import longPress from '@/directives/LongPress';
import { localStorageKeys } from '@/utils/defaults';
import Icon from '@/components/LinkItems/ItemIcon.vue';
import EditModeIcon from '@/assets/interface-icons/interactive-editor-edit-mode.svg';
@@ -53,6 +54,9 @@ export default {
EditModeIcon,
OpenIcon,
},
directives: {
longPress,
},
computed: {
isEditMode() {
return this.$store.state.editMode;