Adds context menu for more options on Settings

This commit is contained in:
Alicia Sykes
2021-10-24 14:31:14 +01:00
parent 7ac233e763
commit d3772891b5
5 changed files with 158 additions and 4 deletions

View File

@@ -11,10 +11,12 @@
@change="collapseChanged"
tabIndex="-1"
>
<label :for="sectionKey" class="lbl-toggle" tabindex="-1">
<label :for="sectionKey" class="lbl-toggle" tabindex="-1"
@mouseup.right="openContextMenu" @contextmenu.prevent>
<Icon v-if="icon" :icon="icon" size="small" :url="title" class="section-icon" />
<h3>{{ title }}</h3>
<EditModeIcon v-if="isEditMode" class="edit-mode-item" @click="openEditModal" />
<EditModeIcon v-if="isEditMode" @click="openEditModal"
v-tooltip="editTooltip()" class="edit-mode-item" />
</label>
<div class="collapsible-content">
<div class="content-inner">
@@ -110,6 +112,13 @@ export default {
openEditModal() {
this.$emit('openEditSection');
},
openContextMenu(e) {
this.$emit('openContextMenu', e);
},
editTooltip() {
const content = this.$t('interactive-editor.edit-section.edit-tooltip');
return { content, trigger: 'hover focus', delay: { show: 100, hide: 0 } };
},
},
};
</script>