Skip to content

Fix Grid vertical scrolling#24684

Merged
bbovenzi merged 5 commits into
apache:mainfrom
astronomer:fix-grid-scroll
Jun 28, 2022
Merged

Fix Grid vertical scrolling#24684
bbovenzi merged 5 commits into
apache:mainfrom
astronomer:fix-grid-scroll

Conversation

@bbovenzi

@bbovenzi bbovenzi commented Jun 27, 2022

Copy link
Copy Markdown
Contributor

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
Comment thread airflow/www/static/js/grid/dagRuns/index.tsx Outdated
@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