Make long build step names fully visible in log view of a build

timorantalaiho commented 3 years ago

Our long build step names are not fully visible in the log view of a build. I can work around that in the browser developer console, by

increasing the value of max-width in .stage-nav_stage-step__2fpt5 .stage-nav_name__1dXvz from 180px to e.g. 480px ,
and the width of .log-view_navbar__kqtHJ from 400px to e.g. 600px

but it gets cumbersome :slightly_smiling_face:

Ideally, the "pipeline stages" column width would adjust automatically for long step names.

And/or the border of the column would be draggable (which would proabably be considerably more work).

Even just displaying the full step name in the hover tooltip would be beneficial.

d1wilko commented 3 years ago

Hi, thanks for your proposal.

In the short term I am going to add a hover tooltip as you have suggested - I will comment on this ticket once I have a PR up.

I will create a ticket for a resizable step list, but I can't guarantee a turnaround on this as we have a few more pressing UI bugs/enhancements to add first :)

timorantalaiho commented 3 years ago

Sounds like a great plan, thankyou!

d1wilko commented 3 years ago

Hey @timorantalaiho, PR can be found here and is merged into the UI code - https://github.com/drone/drone-ui/pull/371

It will be in a drone release within the next week or so as there are a few more UI changes I would like to bundle together.

I'll update this ticket once that release is in the wild :)

tphoney commented 3 years ago

This has been released. So i am closing this

timorantalaiho commented 3 years ago

Ah yes it works fabulously. Thankyou very much :+1:

drone / proposal

Make long build step names fully visible in log view of a build #15