Add an icon for the context menu

This commit is contained in:
aterox 2022-03-08 05:44:20 -05:00
parent 55f8ee6d43
commit fe0d2d5b55
1 changed files with 6 additions and 0 deletions

View File

@ -17,6 +17,8 @@
<h3>{{ title }}</h3> <h3>{{ title }}</h3>
<EditModeIcon v-if="isEditMode" @click="openEditModal" <EditModeIcon v-if="isEditMode" @click="openEditModal"
v-tooltip="editTooltip()" class="edit-mode-item" /> v-tooltip="editTooltip()" class="edit-mode-item" />
<OpenIcon @click.prevent.stop="openContextMenu" @contextmenu.prevent
class="edit-mode-item" />
</label> </label>
<div class="collapsible-content"> <div class="collapsible-content">
<div class="content-inner"> <div class="content-inner">
@ -31,6 +33,7 @@
import { localStorageKeys } from '@/utils/defaults'; import { localStorageKeys } from '@/utils/defaults';
import Icon from '@/components/LinkItems/ItemIcon.vue'; import Icon from '@/components/LinkItems/ItemIcon.vue';
import EditModeIcon from '@/assets/interface-icons/interactive-editor-edit-mode.svg'; import EditModeIcon from '@/assets/interface-icons/interactive-editor-edit-mode.svg';
import OpenIcon from '@/assets/interface-icons/config-open-settings.svg';
export default { export default {
name: 'CollapsableContainer', name: 'CollapsableContainer',
@ -48,6 +51,7 @@ export default {
components: { components: {
Icon, Icon,
EditModeIcon, EditModeIcon,
OpenIcon,
}, },
computed: { computed: {
isEditMode() { isEditMode() {
@ -244,6 +248,8 @@ export default {
float: right; float: right;
right: 0.5rem; right: 0.5rem;
top: 0.5rem; top: 0.5rem;
margin-left: 0.2rem;
margin-right: 0.2rem;
} }
/* Makes sections fill available space */ /* Makes sections fill available space */