github-starred/actual
2
0
Fork 0
mirror of https://github.com/actualbudget/actual.git synced 2026-05-06 15:12:35 -05:00
Code Issues 1.5k Packages Projects Releases 54 Wiki Activity

[GH-ISSUE #3002] [Bug]: Custom reports do not align visually with default reports #8145

New Issue
Closed
opened 2026-04-10 18:20:33 -05:00 by GiteaMirror · 1 comment
GiteaMirror commented 2026-04-10 18:20:33 -05:00
Owner
Copy Link

Originally created by @JukeboxRhino on GitHub (Jul 8, 2024).
Original GitHub issue: https://github.com/actualbudget/actual/issues/3002

Verified issue does not already exist?

  • I have searched and found no existing issue
  • I will be providing steps how to reproduce the bug (in most cases this will also mean uploading a demo budget file)

What happened?

When you have two or more custom reports, there is a noticeable difference in the size/spacing of the reports between the custom reports and the default out-of-the-box reports.

Screenshot from 2024-07-07 21-14-12

Where are you hosting Actual?

Other

What browsers are you seeing the problem on?

Firefox

Operating System

Linux

Originally created by @JukeboxRhino on GitHub (Jul 8, 2024). Original GitHub issue: https://github.com/actualbudget/actual/issues/3002 ### Verified issue does not already exist? - [X] I have searched and found no existing issue - [X] I will be providing steps how to reproduce the bug (in most cases this will also mean uploading a demo budget file) ### What happened? When you have two or more custom reports, there is a noticeable difference in the size/spacing of the reports between the custom reports and the default out-of-the-box reports. ![Screenshot from 2024-07-07 21-14-12](https://github.com/actualbudget/actual/assets/12942439/fd1ef11b-c4ee-473d-a367-210d99a8b627) ### Where are you hosting Actual? Other ### What browsers are you seeing the problem on? Firefox ### Operating System Linux
GiteaMirror added the buggood first issue labels 2026-04-10 18:20:33 -05:00
GiteaMirror commented 2026-04-10 18:20:34 -05:00
Author
Owner
Copy Link

@JukeboxRhino commented on GitHub (Jul 8, 2024):

Looking into it a bit, it looks like this is because the reports are using flexbox where the net worth chart has flex-grow: 2 and the cash flow chart has flex-grow: 1. I believe this is what's causing the issue here, the one larger chart is causing spacing to be a little bit off. I think CSS grid would suit this section better.

<!-- gh-comment-id:2212817175 --> @JukeboxRhino commented on GitHub (Jul 8, 2024): Looking into it a bit, it looks like this is because the reports are using flexbox where the net worth chart has `flex-grow: 2` and the cash flow chart has `flex-grow: 1`. I believe this is what's causing the issue here, the one larger chart is causing spacing to be a little bit off. I think CSS grid would suit this section better.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
AI generated
API
bank sync
budgeting
bug
can’t replicate
dependencies
docker
documentation
electron
experimental feature
feature
feedback
goal templates
good first issue
help wanted
importers
maintenance
needs info
needs testing
needs triage
needs votes
openid
payees
pull-request
Mirrored from GitHub Pull Request
 regression
reports
responsive
rules
schedules
server
✨ merged
split transactions
tech debt
theme
transaction import
transaction reconciliation
transactions
translations
upstream
user interface
✅ approved
wontfix
No Label bug good first issue
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#8145
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?