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

Consolidate grid collapse actions to a single full screen toggle #39070

Merged
merged 2 commits into from
Apr 18, 2024

Conversation

bbovenzi
Copy link
Contributor

We have a lot of ways to change screen sizes in the grid view. Its a bit of a mess. You can collapse/expand the filter bar, you can collapse/expand the grid view, you can collapse/expand the details view, and you can only toggle everything from the logs and graph views.

Instead:

  • remove the ability to hide the details view. The new run and task duration pages are good to see more details of run history
  • Merge the two collapse filter/grid buttons into a single "Full screen" button and have that visible on all pages not just logs+graph
Screenshot 2024-04-16 at 1 50 51 PM Screenshot 2024-04-16 at 1 50 37 PM

^ 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:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues labels Apr 16, 2024
Copy link
Member

@jedcunningham jedcunningham left a comment

Choose a reason for hiding this comment

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

Overall I like it. I noticed a bug though - if you drag the grid view a bit wider, then full screen, it doesn't actually expand to the full screen:

Screenshot 2024-04-16 at 2 52 48 PM

The behavior when you've dragged the bar around a bit generally seems a little weird, but that's the most broken behavior imo.

@bbovenzi
Copy link
Contributor Author

bbovenzi commented Apr 17, 2024

Overall I like it. I noticed a bug though - if you drag the grid view a bit wider, then full screen, it doesn't actually expand to the full screen:

The behavior when you've dragged the bar around a bit generally seems a little weird, but that's the most broken behavior imo.

Fixed the issues specifically with the full screen mode. I'll need to play around more to make resizing work better as a whole.

@bbovenzi bbovenzi added this to the Airflow 2.9.1 milestone Apr 18, 2024
@bbovenzi bbovenzi merged commit 5a06922 into apache:main Apr 18, 2024
39 checks passed
@bbovenzi bbovenzi deleted the improve-grid-collapse-ux branch April 18, 2024 18:29
utkarsharma2 pushed a commit to astronomer/airflow that referenced this pull request Apr 22, 2024
…che#39070)

* Consolidate grid collapse actions to a single full screen toggle

* Fix toggle full screen with grid view resizing
RodrigoGanancia pushed a commit to RodrigoGanancia/airflow that referenced this pull request May 10, 2024
…che#39070)

* Consolidate grid collapse actions to a single full screen toggle

* Fix toggle full screen with grid view resizing
@utkarsharma2 utkarsharma2 added the type:new-feature Changelog: New Features label Jun 3, 2024
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. area:webserver Webserver related Issues type:new-feature Changelog: New Features
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants