Skip to content

Add hover synchronization between Grid and Gantt chart - #55611

Merged
bbovenzi merged 2 commits into
apache:mainfrom
guan404ming:crosshair-hover-effect
Sep 16, 2025
Merged

Add hover synchronization between Grid and Gantt chart#55611
bbovenzi merged 2 commits into
apache:mainfrom
guan404ming:crosshair-hover-effect

Conversation

@guan404ming

@guan404mingguan404ming commented Sep 13, 2025

Copy link
Copy Markdown
Member

Related Issue

#55553

How

Implements bidirectional hover effects across dag views - hovering on task names/grid cells highlights Gantt bars and vice versa.

Screen.Recording.2025-09-13.at.12.35.01.PM.mov
Screen.Recording.2025-09-13.at.12.48.14.PM.mov

^ 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 airflow-core/newsfragments.

@boring-cyborgboring-cyborgBot added the area:UI Related to UI/UX. For Frontend Developers. label Sep 13, 2025
@guan404ming
guan404mingforce-pushed the crosshair-hover-effect branch 3 times, most recently from 6b0222e to 6c2621dCompareSeptember 15, 2025 13:20
@eladkaleladkal added this to the Airflow 3.1.0 milestone Sep 15, 2025
Comment threadairflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx Outdated

@bbovenzibbovenzi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Great use of a context provider!

Just left one question

@bbovenzi
bbovenzi merged commit 8d772e0 into apache:mainSep 16, 2025
56 checks passed
kaxil pushed a commit that referenced this pull request Sep 16, 2025
* Add crosshair hover effect between gantt and grid view
* Declare util function outside of the components
(cherry picked from commit 8d772e0)
kaxil pushed a commit that referenced this pull request Sep 16, 2025
* Add crosshair hover effect between gantt and grid view
* Declare util function outside of the components
(cherry picked from commit 8d772e0)
suman-himanshu pushed a commit to suman-himanshu/airflow that referenced this pull request Sep 17, 2025
* Add crosshair hover effect between gantt and grid view
* Declare util function outside of the components
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@guan404ming@bbovenzi@eladkal