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

Resolving issue where Grid won't un-collapse when Details is collapsed #31561

Merged
merged 16 commits into from
May 26, 2023

Conversation

Adaverse
Copy link
Contributor

@Adaverse Adaverse commented May 25, 2023

Below is the issue

Grid.does.not.uncollapse.mp4

Below is the fix -

Solved.mp4

updated -

updates.mp4

I have also made a few more changes to enhance user experience -

  • Made the horizontal divider behaviors exactly the same with Grid and Details interaction.
  • Removed the clearSelection when Details is collapsed. Do not see the need for it since the user would like the Details to be in the same state as it was before when collapsed.

^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in newsfragments.

@boring-cyborg boring-cyborg bot added area:dev-tools area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues labels May 25, 2023
@Adaverse Adaverse changed the title Resolving issue where Grid won't un-collapse when Details is expanded Resolving issue where Grid won't un-collapse when Details is collapsed May 26, 2023

const detailsPanelKey = "hideDetailsPanel";
const minPanelWidth = 300;
const collapsedWidth = "28px";
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was intentional, to show just one dag run and still navigate around the task instances

Copy link
Contributor Author

@Adaverse Adaverse May 26, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

MB. Didn't notice :)
Makes sense.
Reverted! Updated the demo sample above.

@Adaverse Adaverse requested a review from bbovenzi May 26, 2023 14:08
Copy link
Contributor

@bbovenzi bbovenzi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice work!

@bbovenzi bbovenzi added this to the Airflow 2.6.2 milestone May 26, 2023
@bbovenzi bbovenzi added type:bug-fix Changelog: Bug Fixes and removed area:dev-tools labels May 26, 2023
@bbovenzi bbovenzi removed the area:webserver Webserver related Issues label May 26, 2023
@bbovenzi bbovenzi merged commit 6f86b6c into apache:main May 26, 2023
@Adaverse Adaverse deleted the grid-bug branch May 26, 2023 14:50
eladkal pushed a commit that referenced this pull request Jun 8, 2023
#31561)

* spinner added

* fixed static checks

* isFetching

* isFetching replaced with isLoading

* Update CONTRIBUTING.rst

* - fix where collapsed Grid won't show up when Details is uncollapsed
- removing clearSelection when Details is collapsed
- making experience uniform when collapsing or uncollapsing Grid or Detaials view

* resize oberserver re-registering when Grid is un-collapsed

* reverting 28px to show atleast one (latest) dag run instance

(cherry picked from commit 6f86b6c)
eladkal pushed a commit that referenced this pull request Jun 9, 2023
#31561)

* spinner added

* fixed static checks

* isFetching

* isFetching replaced with isLoading

* Update CONTRIBUTING.rst

* - fix where collapsed Grid won't show up when Details is uncollapsed
- removing clearSelection when Details is collapsed
- making experience uniform when collapsing or uncollapsing Grid or Detaials view

* resize oberserver re-registering when Grid is un-collapsed

* reverting 28px to show atleast one (latest) dag run instance

(cherry picked from commit 6f86b6c)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:UI Related to UI/UX. For Frontend Developers. type:bug-fix Changelog: Bug Fixes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants