feat(gantt): implement dynamic sizing on small date ranges #3750

jackymancs4 · 2023-09-29T23:52:17Z

jackymancs4 commented

2023-09-29 23:52:17 +00:00

Hello,
when looking at the Gantt graph, I like to pick only a few weeks ahead.
When doing so, more often than not I find that the bars are too small, and a lot of space is wasted.

This PR implements the following logic:

if there is empty space in the gantt container fill it.
if the column try to get smaller than 30px, allow the horizontal scroll bar (current behavior)

Before:
After:

Hello, when looking at the Gantt graph, I like to pick only a few weeks ahead. When doing so, more often than not I find that the bars are too small, and a lot of space is wasted. This PR implements the following logic: - if there is empty space in the gantt container fill it. - if the column try to get smaller than 30px, allow the horizontal scroll bar (current behavior) Before: ![firefox_gxFpmcjaJR.png](/attachments/d26d4337-8332-4607-b0ce-65353a1d6ec7) After: ![firefox_TnolefOfu3.png](/attachments/9f2f6335-367a-4439-a020-3ddfaa5f6204)

firefox_TnolefOfu3.png

55 KiB

firefox_gxFpmcjaJR.png

38 KiB

jackymancs4 added 2 commits 2023-09-29 23:52:20 +00:00

7cfc5a6519 feat(gantt): implement dynamic sizing on small date ranges

continuous-integration/drone/pr Build is passing Details

705e1ebc5e chore(gantt): run linter

frederick commented

2023-09-29 23:58:15 +00:00

Hi jackymancs4!

Thank you for creating a PR!

I've deployed the changes of this PR on a preview environment under this URL: https://3750-feature-gantt-dynamic-width--vikunja-frontend-preview.netlify.app

You can use this url to view the changes live and test them out.
You will need to manually connect this to an api running somehwere. The easiest to use is https://try.vikunja.io/.

Have a nice day!

Beep boop, I'm a bot.

Hi jackymancs4! Thank you for creating a PR! I've deployed the changes of this PR on a preview environment under this URL: https://3750-feature-gantt-dynamic-width--vikunja-frontend-preview.netlify.app You can use this url to view the changes live and test them out. You will need to manually connect this to an api running somehwere. The easiest to use is https://try.vikunja.io/. Have a nice day! > Beep boop, I'm a bot.

konrad approved these changes 2023-10-03 11:29:57 +00:00

konrad left a comment

Awesome, thank you very much!

konrad merged commit a71755e408 into main

2023-10-03 11:30:37 +00:00

konrad deleted branch feature/gantt-dynamic-width

2023-10-03 11:30:38 +00:00

konrad referenced this issue from a commit

2023-10-03 11:30:43 +00:00

feat(gantt): implement dynamic sizing on small date ranges (#3750)

This repo is archived. You cannot comment on pull requests.

No reviewers