[PR #7423] [MERGED] Change formatting of reconcile form for clarity and ease of use #56458

Closed
opened 2026-05-01 04:20:56 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/7423
Author: @Juulz
Created: 4/8/2026
Status: Merged
Merged: 4/9/2026
Merged by: @youngcw

Base: masterHead: reconcile-bank-sync


📝 Commits (10+)

📊 Changes

2 files changed (+18 additions, -6 deletions)

View changed files

📝 packages/desktop-client/src/components/accounts/Reconcile.tsx (+12 -6)
upcoming-release-notes/7423.md (+6 -0)

📄 Description

Description

Change the reconcile form box numbers to align to the right to make it easier to parse the cleared balance and the last bank balance in relation to each other.

This has been bugging me for a while and I find it very difficult to make sure that the values match when one is left and the other is right, especially when you have a lot of accounts.

Change the order of the last reconcile date to the bottom, center the text and use pageTextLight instead of subdued so it is easier to read in all themes. Using subdued text for anything other than null feels like an unreadable choice.

Before:

Screenshot 2026-04-08 131656 Screenshot 2026-04-08 131712

After:

Screenshot 2026-04-08 131553 Screenshot 2026-04-08 131609 Screenshot 2026-04-08 131638

None

Testing

I reconciled an account with cleared and uncleared transactions.

Checklist

  • Release notes added (see link above)
  • No obvious regressions in affected areas
  • Self-review has been performed - I understand what each change in the code does and why it is needed

Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 27 12.41 MB → 12.41 MB (+126 B) +0.00%
loot-core 1 4.84 MB 0%
api 1 3.84 MB 0%
cli 1 7.89 MB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
27 12.41 MB → 12.41 MB (+126 B) +0.00%
Changeset
File Δ Size
src/components/accounts/Reconcile.tsx 📈 +126 B (+1.37%) 9 kB → 9.12 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
static/js/index.js 3.31 MB → 3.31 MB (+126 B) +0.00%

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
static/js/BackgroundImage.js 121.09 kB 0%
static/js/FormulaEditor.js 852.77 kB 0%
static/js/ReportRouter.js 1.17 MB 0%
static/js/TransactionList.js 82.49 kB 0%
static/js/ca.js 189.75 kB 0%
static/js/da.js 104.66 kB 0%
static/js/de.js 174.38 kB 0%
static/js/en-GB.js 8.2 kB 0%
static/js/en.js 175.65 kB 0%
static/js/es.js 181.8 kB 0%
static/js/fr.js 177.08 kB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 13.46 kB 0%
static/js/it.js 165.87 kB 0%
static/js/narrow.js 363.02 kB 0%
static/js/nb-NO.js 151.85 kB 0%
static/js/nl.js 108.93 kB 0%
static/js/pl.js 88.34 kB 0%
static/js/pt-BR.js 177.44 kB 0%
static/js/resize-observer.js 18.06 kB 0%
static/js/th.js 179.3 kB 0%
static/js/theme.js 30.79 kB 0%
static/js/uk.js 212.6 kB 0%
static/js/useTransactionBatchActions.js 4.33 MB 0%
static/js/wide.js 295 B 0%
static/js/workbox-window.prod.es5.js 7.33 kB 0%
static/js/zh-Hans.js 94.19 kB 0%

loot-core

Total

Files count Total bundle size % Changed
1 4.84 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.DOvC4GKD.js 4.84 MB 0%

api

Total

Files count Total bundle size % Changed
1 3.84 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
index.js 3.84 MB 0%

cli

Total

Files count Total bundle size % Changed
1 7.89 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
cli.js 7.89 MB 0%

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/7423 **Author:** [@Juulz](https://github.com/Juulz) **Created:** 4/8/2026 **Status:** ✅ Merged **Merged:** 4/9/2026 **Merged by:** [@youngcw](https://github.com/youngcw) **Base:** `master` ← **Head:** `reconcile-bank-sync` --- ### 📝 Commits (10+) - [`db2baaa`](https://github.com/actualbudget/actual/commit/db2baaa17feb2b514c0c35db45f749b042d72092) Update Reconcile.tsx - [`317afd5`](https://github.com/actualbudget/actual/commit/317afd5fae24c9764d781c9b048dbd601f4db543) Update Reconcile.tsx - [`ab011cf`](https://github.com/actualbudget/actual/commit/ab011cf3b98e9465416b6e240a7404b3b5e822f1) Update Reconcile.tsx - [`dc77799`](https://github.com/actualbudget/actual/commit/dc777996d35530c1f1b460ae1cc9d974ebbde576) Update Reconcile.tsx - [`1938fae`](https://github.com/actualbudget/actual/commit/1938fae73d3b6b35416106b3b63e8d5160eaddb0) Update Reconcile.tsx - [`f1f6ffe`](https://github.com/actualbudget/actual/commit/f1f6ffe70dcd05479977bbe2809491391da8e322) Update Reconcile.tsx - [`c46925b`](https://github.com/actualbudget/actual/commit/c46925be30ebea9a90f93763bfc56c3aaccf6277) Update Reconcile.tsx - [`3ec463c`](https://github.com/actualbudget/actual/commit/3ec463c31ed2db2c35c2a05b8940a5f2923702b6) [autofix.ci] apply automated fixes - [`39c2c17`](https://github.com/actualbudget/actual/commit/39c2c1738a9c74d53d910f17e48cfb81b6dcc4f0) Update Reconcile.tsx - [`a5f7751`](https://github.com/actualbudget/actual/commit/a5f775126aae9e6f63a5d180aa6d87398546f1b5) Update Reconcile.tsx ### 📊 Changes **2 files changed** (+18 additions, -6 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/accounts/Reconcile.tsx` (+12 -6) ➕ `upcoming-release-notes/7423.md` (+6 -0) </details> ### 📄 Description ## Description Change the reconcile form box numbers to align to the right to make it easier to parse the cleared balance and the last bank balance in relation to each other. This has been bugging me for a while and I find it very difficult to make sure that the values match when one is left and the other is right, especially when you have a lot of accounts. Change the order of the last reconcile date to the bottom, center the text and use pageTextLight instead of subdued so it is easier to read in all themes. Using subdued text for anything other than null feels like an unreadable choice. Before: <img width=50% alt="Screenshot 2026-04-08 131656" src="https://github.com/user-attachments/assets/bd7d1760-db78-4408-8dfb-1bf270e20ee4" /> <img width=50% alt="Screenshot 2026-04-08 131712" src="https://github.com/user-attachments/assets/41255346-305f-43ea-b7f6-4372d7a275b8" /> After: <img width=50% alt="Screenshot 2026-04-08 131553" src="https://github.com/user-attachments/assets/d76907db-3faf-4e70-9bf1-3deff79ca9c7" /> <img width=50% alt="Screenshot 2026-04-08 131609" src="https://github.com/user-attachments/assets/531365c5-edd6-4a29-9419-b34f4602b0c4" /> <img width=50% alt="Screenshot 2026-04-08 131638" src="https://github.com/user-attachments/assets/1c53f801-a53b-422e-98e1-1f67f7ce3221" /> ## Related issue(s) None ## Testing I reconciled an account with cleared and uncleared transactions. ## Checklist - [x] Release notes added (see link above) - [x] No obvious regressions in affected areas - [x] Self-review has been performed - I understand what each change in the code does and why it is needed <!--- actual-bot-sections ---> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 27 | 12.41 MB → 12.41 MB (+126 B) | +0.00% loot-core | 1 | 4.84 MB | 0% api | 1 | 3.84 MB | 0% cli | 1 | 7.89 MB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 27 | 12.41 MB → 12.41 MB (+126 B) | +0.00% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/components/accounts/Reconcile.tsx` | 📈 +126 B (+1.37%) | 9 kB → 9.12 kB </details> <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** Asset | File Size | % Changed ----- | --------- | --------- static/js/index.js | 3.31 MB → 3.31 MB (+126 B) | +0.00% **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/BackgroundImage.js | 121.09 kB | 0% static/js/FormulaEditor.js | 852.77 kB | 0% static/js/ReportRouter.js | 1.17 MB | 0% static/js/TransactionList.js | 82.49 kB | 0% static/js/ca.js | 189.75 kB | 0% static/js/da.js | 104.66 kB | 0% static/js/de.js | 174.38 kB | 0% static/js/en-GB.js | 8.2 kB | 0% static/js/en.js | 175.65 kB | 0% static/js/es.js | 181.8 kB | 0% static/js/fr.js | 177.08 kB | 0% static/js/indexeddb-main-thread-worker-e59fee74.js | 13.46 kB | 0% static/js/it.js | 165.87 kB | 0% static/js/narrow.js | 363.02 kB | 0% static/js/nb-NO.js | 151.85 kB | 0% static/js/nl.js | 108.93 kB | 0% static/js/pl.js | 88.34 kB | 0% static/js/pt-BR.js | 177.44 kB | 0% static/js/resize-observer.js | 18.06 kB | 0% static/js/th.js | 179.3 kB | 0% static/js/theme.js | 30.79 kB | 0% static/js/uk.js | 212.6 kB | 0% static/js/useTransactionBatchActions.js | 4.33 MB | 0% static/js/wide.js | 295 B | 0% static/js/workbox-window.prod.es5.js | 7.33 kB | 0% static/js/zh-Hans.js | 94.19 kB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 4.84 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- kcab.worker.DOvC4GKD.js | 4.84 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 3.84 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- index.js | 3.84 MB | 0% </div> </details> --- #### cli **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 7.89 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- cli.js | 7.89 MB | 0% </div> </details> </details> <!--- bundlestats-action-comment key:combined end ---> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-01 04:20:57 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#56458