ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement dev switch for stop automatic closing of filter menu

Browse Source
This commit is contained in:
Wolfgang Huß 2023-05-30 11:44:23 +02:00 committed by mahula
parent f5611fa841
commit dd5f555948
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
webapp/pages/index.vue
View File

@ -62,7 +62,7 @@
:clickRemove="resetByGroups"
/>
<div id="my-filter" v-if="showFilter">
<div @mouseleave="showFilter = false">
<div @mouseleave="mouseLeaveFilterMenu">
<filter-menu-component @showFilterMenu="showFilterMenu" />
</div>
</div>
@ -154,6 +154,7 @@ export default {
hideByScroll: false,
revScrollpos: 0,
showFilter: false,
developerNoAutoClosingFilterMenu: false, // stops automatic closing of filter menu for developer purposes: default is 'false'
showDonations: false,
goal: 15000,
progress: 7000,
@ -215,6 +216,10 @@ export default {
openFilterMenu() {
this.showFilter = !this.showFilter
},
mouseLeaveFilterMenu() {
if (this.developerNoAutoClosingFilterMenu) return
this.showFilter = false
},
showFilterMenu(e) {
if (!e || (!e.target.closest('#my-filter') && !e.target.closest('.my-filter-button'))) {
if (!this.showFilter) return