From 7c16435010a91b0388b0ce072b4ffaa2bb977aef Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 6 Mar 2022 23:55:18 +0800
Subject: [PATCH] make parent account clickable in account list page

---
 src/Mobile.vue                     | 24 ++++++++++++++++++++++++
 src/views/mobile/accounts/List.vue |  2 +-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/Mobile.vue b/src/Mobile.vue
index 3591c5d5..22092d21 100644
--- a/src/Mobile.vue
+++ b/src/Mobile.vue
@@ -279,6 +279,30 @@ i.icon.la, i.icon.las, i.icon.lab {
     padding-bottom: var(--f7-list-item-padding-vertical);
 }
 
+.nested-list-item.has-child-list-item .item-link.active-state {
+    background-color: transparent;
+}
+
+.nested-list-item.has-child-list-item .item-link .item-inner {
+    padding-right: 0;
+}
+
+.nested-list-item.has-child-list-item .item-link .item-inner:before {
+    color: transparent;
+}
+
+.nested-list-item.has-child-list-item .item-link.active-state .item-inner .nested-list-item-child .item-link.active-state {
+    background-color: var(--f7-list-link-pressed-bg-color);
+}
+
+.nested-list-item.has-child-list-item .item-link .item-inner .nested-list-item-child .item-link .item-inner {
+    padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
+}
+
+.nested-list-item.has-child-list-item .item-link .item-inner .nested-list-item-child .item-link .item-inner:before {
+    color: var(--f7-list-chevron-icon-color);
+}
+
 .nested-list-item .nested-list-item-title {
     align-self: center;
     margin-left: var(--f7-list-item-media-margin);
diff --git a/src/views/mobile/accounts/List.vue b/src/views/mobile/accounts/List.vue
index 84dd62cb..b1e69443 100644
--- a/src/views/mobile/accounts/List.vue
+++ b/src/views/mobile/accounts/List.vue
@@ -129,7 +129,7 @@
                                   :key="account.id" :id="account | accountDomId"
                                   :class="{ 'nested-list-item': true, 'has-child-list-item': account.type === $constants.account.allAccountTypes.MultiSubAccounts }"
                                   :after="accountBalance(account) | currency(account.currency)"
-                                  :link="!sortable && account.type === $constants.account.allAccountTypes.SingleAccount ? '/transaction/list?accountId=' + account.id : null"
+                                  :link="!sortable ? '/transaction/list?accountId=' + account.id : null"
                                   swipeout @taphold.native="setSortable()"
                     >
                         <f7-block slot="title" class="no-padding">