Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-38522

Long stage names overflow poorly on stage graph

XMLWordPrintable

    • Icon: Story Story
    • Resolution: Duplicate
    • Icon: Major Major
    • blueocean-plugin
    • None
    • atlantic, arctic, tasman, frank, tethys

      If you are creative with words, you end up with stage names that don't play nice with stage graph.

      This perhaps should be truncated more elegantly with a hover state to show the full name...

        1. Screen Shot 2016-09-27 at 2.24.00 pm.png
          Screen Shot 2016-09-27 at 2.24.00 pm.png
          35 kB

          [JENKINS-38522] Long stage names overflow poorly on stage graph

          Michael Neale added a comment -

          cc jamesdumay - I thought there could be a little bit of design thought over this. My suggestion is sensible truncation with a hover state - can it be that simple?

          Michael Neale added a comment - cc jamesdumay - I thought there could be a little bit of design thought over this. My suggestion is sensible truncation with a hover state - can it be that simple?

          James Dumay added a comment -

          michaelneale yes, design love much needed. I added this to the atlantic sprint.

          James Dumay added a comment - michaelneale yes, design love much needed. I added this to the atlantic sprint.

          Brody Maclean added a comment -

          Simple solution. Allow up to 2 lines of text before truncating with an ellipsis.
          On hover a tooltip will display the entire name.

          Brody Maclean added a comment - Simple solution. Allow up to 2 lines of text before truncating with an ellipsis. On hover a tooltip will display the entire name.

          James Dumay added a comment -

          Thanks brody

          James Dumay added a comment - Thanks brody

            jamesdumay James Dumay
            michaelneale Michael Neale
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: