enhance: Adjust Workflow Graph styling#37497
Conversation
|
Also this one? The workflow summary is not intuitive. #37395 |
yes on it |
|
this might extend into a larger refactor - found some other problems |
|
@wxiaoguang what do you think? |
UI looks clearer than before. |
if you can help simplifying or improving code structure would be great :) |
Let's make sure (almost) everyone likes the new UI first |
how to reproduce? |
Use the workflows from #36248 (comment) |
Make the workflow dependency graph container scrollable so wide DAGs aren’t clipped. Improve the jobs list layout by keeping durations fixed-width/right-aligned so long times don’t squeeze job names. Add a devtest WideDAG run to reproduce overflow and long-duration cases.
@lunny fixed
|
|
Since #37478 merged, we might need to consider reusable workflows? It's not a block for this PR, it could also be another PR.
|
you are right :/ |
|
And whether there is a potential conflict between this and #36564 |
the other PR needs to adopt the changes then... |
They should just not show up in the graph, GitHub is doing the same there... |
|
Adjusted it to match githubs style @lunny |
|
GitHub actually displays reusable workflows in the graph, but it doesn't show the hierarchy. For multi-level nested reusable workflows, the graph fails to fully display the nesting depth (it only shows up in the tooltip). See this example: https://github.com/Zettat123/test-workflow-reusable/actions/runs/27082666460
In fact, I think GitHub's workflow graph layout isn't ideal and we should be able to optimize it. However, I'm not sure what a better solution looks like right now. I believe we can continue refining how reusable workflows are displayed in future PRs. |





Screenshot
Fixes #37493
Fixes #37395