Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update DynamicBudgetTable to fill more of the view when viewing fewer months #2933

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

jarneson33
Copy link

@jarneson33 jarneson33 commented Jun 24, 2024

Hello, new to actual and loving the project! That said I was taken aback by the budgets view when only viewing 1-2 months on a high resolution panel. So I am opening this pull request to see if this is something the maintainers would be open to or if this fixed width is a mandatory design choice.

EDIT:
Changed from allowing 100% span to just upping the original logic to allow the table to maintain original design but be less floaty island.

Thank you.

Before

image
image

After

image
image

remove max width logic to allow filling the entire view
@github-actions github-actions bot added the 🔍 Ready for Review Pull Request is not reviewed yet label Jun 24, 2024
@github-actions github-actions bot changed the title Update DynamicBudgetTable to always fill the view [WIP] Update DynamicBudgetTable to always fill the view Jun 24, 2024
Copy link

netlify bot commented Jun 24, 2024

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit f2ba0b1
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/667ae16e17bae900070cd565
😎 Deploy Preview https://deploy-preview-2933.demo.actualbudget.org
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@jarneson33 jarneson33 changed the title [WIP] Update DynamicBudgetTable to always fill the view Update DynamicBudgetTable to always fill the view Jun 24, 2024
Copy link
Contributor

github-actions bot commented Jun 24, 2024

Bundle Stats — desktop-client

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
9 4.76 MB 0%

Changeset

No files were changed

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
static/js/indexeddb-main-thread-worker-e59fee74.js 13.5 kB 0%
static/js/resize-observer.js 18.37 kB 0%
static/js/BackgroundImage.js 122.29 kB 0%
static/js/narrow.js 75.73 kB 0%
static/js/usePreviewTransactions.js 790 B 0%
static/js/AppliedFilters.js 27.22 kB 0%
static/js/wide.js 266.96 kB 0%
static/js/ReportRouter.js 1.23 MB 0%
static/js/index.js 3.02 MB 0%

Copy link
Contributor

github-actions bot commented Jun 24, 2024

Bundle Stats — loot-core

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
1 1.13 MB 0%

Changeset

No files were changed

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.js 1.13 MB 0%

add release notes
@Crazypkr1099
Copy link
Contributor

Not a fan of this. Having it stretch across looks extremely weird. I'd be open to 50% instead of 100% 🤷

@Teprifer
Copy link

While there may be scope to allow the table to be a bit wider, the current images shown are too extreme. The data is divorced from the categories in single month and even two month views as the eye has to travserse too far from one side to the other.

Maybe put up a few set with different percentages for people to review and give feedback?

up the original logic max size instead of full display stretching.
@jarneson33
Copy link
Author

@Crazypkr1099 @Teprifer yep I hear you guys, I agree too extreme in the other direction. I have pushed a changed to just allow the table to be a bit larger instead of doing any percentages. The table maintains original design but fills the space nicer. My main use case is doing two months side by side and this change allows two months to nicely fill the space and for the table to not look distorted from doing a full span when looking at 1-2 months.

Please review updated screenshots or the PR branch demo and let me know your thoughts.

Thank you.

@jarneson33 jarneson33 changed the title Update DynamicBudgetTable to always fill the view Update DynamicBudgetTable to fill more of the view when viewing fewer months Jun 25, 2024
@Teprifer
Copy link

Seems reasonable, keen to hear other's thoughts.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🔍 Ready for Review Pull Request is not reviewed yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants