IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change menu-legend to click, bit more complex

Browse Source
This commit is contained in:
Wolfgang Huß 2022-02-08 13:09:00 +01:00
parent c22ac19645
commit 57d246d4b3
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
webapp/components/Editor/MenuLegend.vue
View File

@ -7,10 +7,13 @@
icon="question-circle" icon="question-circle"
circle circle
ghost ghost
:onClick="() => { openMenu() }" :onClick="
() => {
isDropdownOpen ? closeMenu() : openMenu()
isDropdownOpen = !isDropdownOpen
}
"
/> />
<!-- @mouseover.native="openMenu()"
@mouseleave.native="closeMenu()" -->
</slot> </slot>
</template> </template>
<template #popover="" class="legend"> <template #popover="" class="legend">
@ -61,6 +64,7 @@ export default {
{ iconName: 'quote-right', name: `editor.legend.quote`, shortcut: '> + space' }, { iconName: 'quote-right', name: `editor.legend.quote`, shortcut: '> + space' },
{ iconName: 'minus', name: `editor.legend.ruler`, shortcut: '---' }, { iconName: 'minus', name: `editor.legend.ruler`, shortcut: '---' },
], ],
isDropdownOpen: false,
} }
}, },
} }