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

Focus upstream / downstream task dependencies on mouseover #9303

Merged
merged 6 commits into from
Jul 30, 2020

Conversation

dstandish
Copy link
Contributor

@dstandish dstandish commented Jun 15, 2020

Summary

We currently support focusing on upstream / downstream task dependencies in a mild way, namely by changing the color.

When you have a big messy dag, though, more aggressive focusing is desirable.

In this PR we enhance the focus on the upstream / downstream tasks by setting opacity of all other tasks and edges to 0.2.

This is the same approach that is already implemented in graph view when you mouseover task state, and when you use the search function to filter tasks.

Below are screenshots when the mouse is over dummy 3.

Before:
image

After:
image

Also

In this PR I also apply highlightStrokeWidth to focused tasks. If this one is merged, then #9297 is obsolete and can be closed.


Make sure to mark the boxes below before creating PR: [x]

  • Description above provides context of the change
  • Unit tests coverage for changes (not needed for documentation changes)
  • Target Github ISSUE in description if exists
  • Commits follow "How to write a good git commit message"
  • Relevant documentation is updated including usage instructions.
  • I will engage committers as explained in Contribution Workflow Example.

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 UPDATING.md.
Read the Pull Request Guidelines for more information.

@boring-cyborg boring-cyborg bot added the area:webserver Webserver related Issues label Jun 15, 2020
@ashb
Copy link
Member

ashb commented Jun 15, 2020

Can you also include a before screenshot for comparison?

@dstandish
Copy link
Contributor Author

Can you also include a before screenshot for comparison?

done

@dstandish
Copy link
Contributor Author

@ashb i updated it to remove one line that did not need to be there
also, i fixed the colors in the screenshot. unrelated to this change i had the upstream downstream colors changed locally and that could have caused confusion (and probably did).

thanks

@feluelle feluelle requested a review from ashb June 22, 2020 08:15
@feluelle feluelle merged commit 7df724d into apache:master Jul 30, 2020
@dstandish
Copy link
Contributor Author

thanks @feluelle

@kaxil kaxil added this to the Airflow 1.10.12 milestone Aug 14, 2020
kaxil pushed a commit that referenced this pull request Aug 14, 2020
…over (#9303)

* graph view mouseover task should increase stroke width of upstream / downstream
* mouseover should focus dependencies on mouseover in graph view
kaxil pushed a commit that referenced this pull request Aug 15, 2020
…over (#9303)

* graph view mouseover task should increase stroke width of upstream / downstream
* mouseover should focus dependencies on mouseover in graph view
kaxil pushed a commit that referenced this pull request Aug 15, 2020
…over (#9303)

* graph view mouseover task should increase stroke width of upstream / downstream
* mouseover should focus dependencies on mouseover in graph view
cfei18 pushed a commit to cfei18/incubator-airflow that referenced this pull request Mar 5, 2021
…over (apache#9303)

* graph view mouseover task should increase stroke width of upstream / downstream
* mouseover should focus dependencies on mouseover in graph view
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:webserver Webserver related Issues
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants