Long step names are truncated in the Grid view

[WojciechO]

Apache Airflow version

2.4.3

What happened

In the grid view, when big number of runs are displayed, the names of the steps are truncated at the flow name even though there is space to display longer string. It makes it hard to navigate the DAG.

Tested on Chrome 103.0.5060.114, 100% zoom and Safari Version 16.1

Grid view with 100 runs:

The same Grid View displays full step names when 25 runs are selected.

What you think should happen instead

The step names should fill the space that's available for them fully.

How to reproduce

• Create a flow that has step names with names longer than 50 characters (estimated length, I do not get this behaviour for flow names with 50 chars)
• The flow needs to have more than 100 runs available
• Toggle the Gird View with 100 runs

Operating System

Mac OS 11.7.1

Versions of Apache Airflow Providers

No response

Deployment

Official Apache Airflow Helm Chart

Deployment details

No response

Anything else

No response

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template!

[mb-m]

To explain a bit further, these task names (and the dags they fall in) are auto-generated from a system scanning multiple teams' configurations, which means that just using shorter names isn't actually particularly plausible here :-(

[tirkarthi]

cc: @bbovenzi

[bbovenzi]

Actually, I think this was fixed by #27560 in 2.5