From e5e159dfec44c6547294350fc5a0c82bd7af4261 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 5 Dec 2020 23:16:43 +0800
Subject: [PATCH] auto close swipeout button after click

---
 src/views/mobile/accounts/List.vue   | 4 ++--
 src/views/mobile/categories/List.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/mobile/accounts/List.vue b/src/views/mobile/accounts/List.vue
index 50469786..d34d8c14 100644
--- a/src/views/mobile/accounts/List.vue
+++ b/src/views/mobile/accounts/List.vue
@@ -112,12 +112,12 @@
                         </f7-block>
                         <f7-swipeout-actions left v-if="sortable">
                             <f7-swipeout-button :color="account.hidden ? 'blue' : 'gray'" class="padding-left padding-right"
-                                                overswipe @click="hide(account, !account.hidden)">
+                                                overswipe close @click="hide(account, !account.hidden)">
                                 <f7-icon :f7="account.hidden ? 'eye' : 'eye_slash'"></f7-icon>
                             </f7-swipeout-button>
                         </f7-swipeout-actions>
                         <f7-swipeout-actions right v-if="!sortable">
-                            <f7-swipeout-button color="orange" :text="$t('Edit')" @click="edit(account)"></f7-swipeout-button>
+                            <f7-swipeout-button color="orange" close :text="$t('Edit')" @click="edit(account)"></f7-swipeout-button>
                             <f7-swipeout-button color="red" class="padding-left padding-right" @click="remove(account)">
                                 <f7-icon f7="trash"></f7-icon>
                             </f7-swipeout-button>
diff --git a/src/views/mobile/categories/List.vue b/src/views/mobile/categories/List.vue
index df9f148d..f16a3114 100644
--- a/src/views/mobile/categories/List.vue
+++ b/src/views/mobile/categories/List.vue
@@ -44,12 +44,12 @@
                         </f7-icon>
                         <f7-swipeout-actions left v-if="sortable">
                             <f7-swipeout-button :color="category.hidden ? 'blue' : 'gray'" class="padding-left padding-right"
-                                                overswipe @click="hide(category, !category.hidden)">
+                                                overswipe close @click="hide(category, !category.hidden)">
                                 <f7-icon :f7="category.hidden ? 'eye' : 'eye_slash'"></f7-icon>
                             </f7-swipeout-button>
                         </f7-swipeout-actions>
                         <f7-swipeout-actions right v-if="!sortable">
-                            <f7-swipeout-button color="orange" :text="$t('Edit')" @click="edit(category)"></f7-swipeout-button>
+                            <f7-swipeout-button color="orange" close :text="$t('Edit')" @click="edit(category)"></f7-swipeout-button>
                             <f7-swipeout-button color="red" class="padding-left padding-right" @click="remove(category)">
                                 <f7-icon f7="trash"></f7-icon>
                             </f7-swipeout-button>