From 92eb247d118719f249b8be20fa0cec93298e06c4 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 31 Jan 2021 00:44:08 +0800
Subject: [PATCH] modify css class name

---
 src/Mobile.vue                                |  2 +-
 .../mobile/ListItemSelectionSheet.vue         |  2 +-
 .../TwoColumnListItemSelectionSheet.vue       |  2 +-
 src/views/mobile/Login.vue                    |  2 +-
 src/views/mobile/statistics/Transaction.vue   |  4 ++--
 src/views/mobile/transactions/List.vue        | 22 +++++++++----------
 6 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/Mobile.vue b/src/Mobile.vue
index 1a5c52d2..75b59ee4 100644
--- a/src/Mobile.vue
+++ b/src/Mobile.vue
@@ -238,7 +238,7 @@ i.icon.la, i.icon.las, i.icon.lab {
     color: rgba(255, 255, 255, 0.2);
 }
 
-.list .item-content .list-item-checked {
+.list .item-content .list-item-checked-icon {
     font-size: 20px;
     color: var(--f7-radio-active-color, var(--f7-theme-color));
 }
diff --git a/src/components/mobile/ListItemSelectionSheet.vue b/src/components/mobile/ListItemSelectionSheet.vue
index 76813e7f..8fe57efe 100644
--- a/src/components/mobile/ListItemSelectionSheet.vue
+++ b/src/components/mobile/ListItemSelectionSheet.vue
@@ -18,7 +18,7 @@
                              :icon="item[iconField] | icon(iconType)"
                              :style="item[colorField] | iconStyle(iconType, 'var(--default-icon-color)')"
                              v-if="iconField"></f7-icon>
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="isSelected(item, index)"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="isSelected(item, index)"></f7-icon>
                 </f7-list-item>
             </f7-list>
         </f7-page-content>
diff --git a/src/components/mobile/TwoColumnListItemSelectionSheet.vue b/src/components/mobile/TwoColumnListItemSelectionSheet.vue
index b1f5c49c..6901bab9 100644
--- a/src/components/mobile/TwoColumnListItemSelectionSheet.vue
+++ b/src/components/mobile/TwoColumnListItemSelectionSheet.vue
@@ -43,7 +43,7 @@
                                          :icon="subItem[secondaryIconField] | icon(secondaryIconType)"
                                          :style="subItem[secondaryColorField] | iconStyle(secondaryIconType, 'var(--default-icon-color)')"
                                          v-if="secondaryIconField"></f7-icon>
-                                <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="isSecondarySelected(subItem)"></f7-icon>
+                                <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="isSecondarySelected(subItem)"></f7-icon>
                             </f7-list-item>
                         </f7-list>
                     </div>
diff --git a/src/views/mobile/Login.vue b/src/views/mobile/Login.vue
index d72c037a..02d1936e 100644
--- a/src/views/mobile/Login.vue
+++ b/src/views/mobile/Login.vue
@@ -56,7 +56,7 @@
                     :title="lang.displayName"
                     @click="changeLanguage(locale)"
                 >
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="$i18n.locale === locale"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="$i18n.locale === locale"></f7-icon>
                 </f7-list-item>
             </f7-list>
         </f7-popover>
diff --git a/src/views/mobile/statistics/Transaction.vue b/src/views/mobile/statistics/Transaction.vue
index 73cc5ca7..6be6ee43 100644
--- a/src/views/mobile/statistics/Transaction.vue
+++ b/src/views/mobile/statistics/Transaction.vue
@@ -16,7 +16,7 @@
                 <f7-list-item
                     v-for="dataType in allChartDataTypes" :key="dataType.type"
                     :title="$t(dataType.name)" @click="setChartDataType(dataType.type)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.chartDataType === dataType.type"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.chartDataType === dataType.type"></f7-icon>
                 </f7-list-item>
             </f7-list>
         </f7-popover>
@@ -190,7 +190,7 @@
                               :key="dateRange.type"
                               :title="dateRange.name | localized"
                               @click="setDateFilter(dateRange.type)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.dateType === dateRange.type"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.dateType === dateRange.type"></f7-icon>
                     <div slot="footer"
                          v-if="dateRange.type === $constants.datetime.allDateRanges.Custom.type && query.dateType === $constants.datetime.allDateRanges.Custom.type && query.startTime && query.endTime">
                         <span>{{ query.startTime | moment($t('format.datetime.long-without-second')) }}</span>
diff --git a/src/views/mobile/transactions/List.vue b/src/views/mobile/transactions/List.vue
index dfeea367..5f3dd978 100644
--- a/src/views/mobile/transactions/List.vue
+++ b/src/views/mobile/transactions/List.vue
@@ -235,7 +235,7 @@
                               :key="dateRange.type"
                               :title="dateRange.name | localized"
                               @click="changeDateFilter(dateRange.type)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.dateType === dateRange.type"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.dateType === dateRange.type"></f7-icon>
                     <div slot="footer"
                          v-if="dateRange.type === $constants.datetime.allDateRanges.Custom.type && query.dateType === $constants.datetime.allDateRanges.Custom.type && query.minTime && query.maxTime">
                         <span>{{ query.minTime | moment($t('format.datetime.long-without-second')) }}</span>
@@ -258,19 +258,19 @@
                     @popover:opened="showTypePopover = true" @popover:closed="showTypePopover = false">
             <f7-list>
                 <f7-list-item :title="$t('All')" @click="changeTypeFilter(0)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.type === 0"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.type === 0"></f7-icon>
                 </f7-list-item>
                 <f7-list-item :title="$t('Modify Balance')" @click="changeTypeFilter(1)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.type === 1"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.type === 1"></f7-icon>
                 </f7-list-item>
                 <f7-list-item :title="$t('Income')" @click="changeTypeFilter(2)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.type === 2"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.type === 2"></f7-icon>
                 </f7-list-item>
                 <f7-list-item :title="$t('Expense')" @click="changeTypeFilter(3)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.type === 3"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.type === 3"></f7-icon>
                 </f7-list-item>
                 <f7-list-item :title="$t('Transfer')" @click="changeTypeFilter(4)">
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.type === 4"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.type === 4"></f7-icon>
                 </f7-list-item>
             </f7-list>
         </f7-popover>
@@ -280,7 +280,7 @@
             <f7-list accordion-list>
                 <f7-list-item :title="$t('All')" @click="changeCategoryFilter('0')">
                     <f7-icon slot="media" f7="rectangle_badge_checkmark"></f7-icon>
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.categoryId === '0'"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.categoryId === '0'"></f7-icon>
                 </f7-list-item>
                 <f7-list-item accordion-item
                               v-for="category in allPrimaryCategories"
@@ -296,7 +296,7 @@
                         <f7-list class="padding-left">
                             <f7-list-item :title="$t('All')" @click="changeCategoryFilter(category.id)">
                                 <f7-icon slot="media" f7="rectangle_badge_checkmark"></f7-icon>
-                                <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.categoryId === category.id"></f7-icon>
+                                <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.categoryId === category.id"></f7-icon>
                             </f7-list-item>
                             <f7-list-item v-for="subCategory in category.subCategories"
                                           :key="subCategory.id"
@@ -308,7 +308,7 @@
                                          :style="subCategory.color | categoryIconStyle('var(--default-icon-color)')">
                                 </f7-icon>
                                 <f7-icon slot="after"
-                                         class="list-item-checked"
+                                         class="list-item-checked-icon"
                                          f7="checkmark_alt"
                                          v-if="query.categoryId === subCategory.id">
                                 </f7-icon>
@@ -324,7 +324,7 @@
             <f7-list>
                 <f7-list-item :title="$t('All')" @click="changeAccountFilter('0')">
                     <f7-icon slot="media" f7="rectangle_badge_checkmark"></f7-icon>
-                    <f7-icon slot="after" class="list-item-checked" f7="checkmark_alt" v-if="query.accountId === '0'"></f7-icon>
+                    <f7-icon slot="after" class="list-item-checked-icon" f7="checkmark_alt" v-if="query.accountId === '0'"></f7-icon>
                 </f7-list-item>
                 <f7-list-item v-for="account in allAccounts"
                               v-show="!account.hidden"
@@ -337,7 +337,7 @@
                              :style="account.color | accountIconStyle('var(--default-icon-color)')">
                     </f7-icon>
                     <f7-icon slot="after"
-                             class="list-item-checked"
+                             class="list-item-checked-icon"
                              f7="checkmark_alt"
                              v-if="query.accountId === account.id">
                     </f7-icon>