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

Fix Grid vertical scrolling #24684

Merged
merged 5 commits into from
Jun 28, 2022
Merged

Fix Grid vertical scrolling #24684

merged 5 commits into from
Jun 28, 2022

Conversation

bbovenzi
Copy link
Contributor

@bbovenzi bbovenzi commented Jun 27, 2022

We had 2 issues with grid scrolling for large DAGs:

  1. Grid actions (expand groups, close details panel, auto refresh) would get cut off or overlap with the grid
  2. Sticky positioning wasn't working right and the dag run bar chart could be lost.

This PR moves position: sticky to the table header cells to fix this. Also, upgraded any affected files to typescript.

Before:
Jun-27-2022 15-21-42

After:
Jun-27-2022 15-21-06


^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code change, 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 newsfragement file, named {pr_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 Jun 27, 2022
@bbovenzi bbovenzi merged commit 1429091 into apache:main Jun 28, 2022
@bbovenzi bbovenzi deleted the fix-grid-scroll branch June 28, 2022 15:43
@bbovenzi bbovenzi added this to the Airflow 2.3.3 milestone Jun 28, 2022
@bbovenzi bbovenzi mentioned this pull request Jun 29, 2022
@jedcunningham jedcunningham added the type:bug-fix Changelog: Bug Fixes label Jun 29, 2022
ephraimbuddy pushed a commit that referenced this pull request Jun 30, 2022
* fix vertical scrolling

* fix flex grow for panel open/close

* add type checking

* add duration axis component

* remove details/grid width changes

this should be done in a separate PR

(cherry picked from commit 1429091)
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:bug-fix Changelog: Bug Fixes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants