diff --git a/src/styles/mobile/font-size-default.css b/src/styles/mobile/font-size-default.css index 61b753dc..0dcb11ad 100644 --- a/src/styles/mobile/font-size-default.css +++ b/src/styles/mobile/font-size-default.css @@ -72,6 +72,8 @@ --ebk-transaction-date-width: 25px; --ebk-transaction-day-font-size: 16px; --ebk-transaction-day-of-week-font-size: 12px; + --ebk-transaction-account-arrow-font-size: 12px; + --ebk-transaction-account-arrow-margin-bottom: 1px; --ebk-login-page-title-font-size: 28px; --ebk-license-popup-title-font-size: 30px; --ebk-license-content-font-size: 14px; diff --git a/src/styles/mobile/font-size-large.css b/src/styles/mobile/font-size-large.css index 18ac5182..c3f7e0fe 100644 --- a/src/styles/mobile/font-size-large.css +++ b/src/styles/mobile/font-size-large.css @@ -72,6 +72,8 @@ --ebk-transaction-date-width: 28px; --ebk-transaction-day-font-size: 17px; --ebk-transaction-day-of-week-font-size: 13px; + --ebk-transaction-account-arrow-font-size: 13px; + --ebk-transaction-account-arrow-margin-bottom: 1px; --ebk-login-page-title-font-size: 28px; --ebk-license-popup-title-font-size: 31px; --ebk-license-content-font-size: 15px; diff --git a/src/styles/mobile/font-size-small.css b/src/styles/mobile/font-size-small.css index c06d907a..e3a55c36 100644 --- a/src/styles/mobile/font-size-small.css +++ b/src/styles/mobile/font-size-small.css @@ -72,6 +72,8 @@ --ebk-transaction-date-width: 25px; --ebk-transaction-day-font-size: 16px; --ebk-transaction-day-of-week-font-size: 12px; + --ebk-transaction-account-arrow-font-size: 12px; + --ebk-transaction-account-arrow-margin-bottom: 1px; --ebk-login-page-title-font-size: 28px; --ebk-license-popup-title-font-size: 30px; --ebk-license-content-font-size: 13px; diff --git a/src/styles/mobile/font-size-x-large.css b/src/styles/mobile/font-size-x-large.css index 84302121..51c94d40 100644 --- a/src/styles/mobile/font-size-x-large.css +++ b/src/styles/mobile/font-size-x-large.css @@ -72,6 +72,8 @@ --ebk-transaction-date-width: 30px; --ebk-transaction-day-font-size: 18px; --ebk-transaction-day-of-week-font-size: 14px; + --ebk-transaction-account-arrow-font-size: 14px; + --ebk-transaction-account-arrow-margin-bottom: 1px; --ebk-login-page-title-font-size: 28px; --ebk-license-popup-title-font-size: 32px; --ebk-license-content-font-size: 16px; diff --git a/src/styles/mobile/font-size-xx-large.css b/src/styles/mobile/font-size-xx-large.css index 9843a95e..c02209fe 100644 --- a/src/styles/mobile/font-size-xx-large.css +++ b/src/styles/mobile/font-size-xx-large.css @@ -72,6 +72,8 @@ --ebk-transaction-date-width: 32px; --ebk-transaction-day-font-size: 20px; --ebk-transaction-day-of-week-font-size: 15px; + --ebk-transaction-account-arrow-font-size: 15px; + --ebk-transaction-account-arrow-margin-bottom: 2px; --ebk-login-page-title-font-size: 28px; --ebk-license-popup-title-font-size: 36px; --ebk-license-content-font-size: 17px; diff --git a/src/styles/mobile/font-size-xxx-large.css b/src/styles/mobile/font-size-xxx-large.css index b993dec3..27a72e0e 100644 --- a/src/styles/mobile/font-size-xxx-large.css +++ b/src/styles/mobile/font-size-xxx-large.css @@ -72,6 +72,8 @@ --ebk-transaction-date-width: 36px; --ebk-transaction-day-font-size: 22px; --ebk-transaction-day-of-week-font-size: 17px; + --ebk-transaction-account-arrow-font-size: 17px; + --ebk-transaction-account-arrow-margin-bottom: 2px; --ebk-login-page-title-font-size: 28px; --ebk-license-popup-title-font-size: 38px; --ebk-license-content-font-size: 19px; diff --git a/src/styles/mobile/font-size-xxxx-large.css b/src/styles/mobile/font-size-xxxx-large.css index 602cfd7e..f8fb7af9 100644 --- a/src/styles/mobile/font-size-xxxx-large.css +++ b/src/styles/mobile/font-size-xxxx-large.css @@ -72,6 +72,8 @@ --ebk-transaction-date-width: 40px; --ebk-transaction-day-font-size: 24px; --ebk-transaction-day-of-week-font-size: 19px; + --ebk-transaction-account-arrow-font-size: 19px; + --ebk-transaction-account-arrow-margin-bottom: 3px; --ebk-login-page-title-font-size: 28px; --ebk-license-popup-title-font-size: 40px; --ebk-license-content-font-size: 21px; diff --git a/src/views/mobile/transactions/ListPage.vue b/src/views/mobile/transactions/ListPage.vue index f512983f..28f556d9 100644 --- a/src/views/mobile/transactions/ListPage.vue +++ b/src/views/mobile/transactions/ListPage.vue @@ -211,7 +211,7 @@ {{ `(${getDisplayTimezone(transaction)})` }} · {{ transaction.sourceAccount.name }} - + {{ transaction.destinationAccount.name }} @@ -971,6 +971,12 @@ export default { margin-right: 4px; } +.list.transaction-info-list li.transaction-info .transaction-footer .transaction-account-arrow { + font-size: var(--ebk-transaction-account-arrow-font-size); + margin-right: 4px; + margin-bottom: var(--ebk-transaction-account-arrow-margin-bottom); +} + .list.transaction-info-list li.transaction-info .transaction-amount { color: var(--f7-list-item-after-text-color); overflow: hidden;