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

Step description does not show ellipsis when truncated

    Details

    • Similar Issues:
    • Sprint:
      Blue Ocean 1.2-beta1, Blue Ocean 1.2-beta2, Blue Ocean 1.2-beta3

      Description

      Problem
      When viewing the logs for a run, a step with a very long string for description will truncate but not show the ellipsis.

      There also seems to be some strange resizing behaviours https://cl.ly/291x3T3l0x11

      Repro Steps

      1. Create a multibranch project with a Jenkinsfile that has a very long step description, such as echo'ing a long string. Ex: https://github.com/histos/karaoke-samples/blob/step-description-long/Jenkinsfile
      2. Let the job run
      3. Open the run details

      Expected Behavior
      The step description should truncate and show an ellipsis.

      Actual Behavior
      The step description truncates but does not show an ellipsis.

      Screenie

      Notes
      The layout is flexbox based and there appear to be known issues with using flexbox along with white-space: nowrap. Check out the tables work being done by Josh should probably yield a basic CSS layout that should work.

        Attachments

          Issue Links

            Activity

            cliffmeyers Cliff Meyers created issue -
            cliffmeyers Cliff Meyers made changes -
            Field Original Value New Value
            Link This issue is related to JENKINS-37324 [ JENKINS-37324 ]
            jamesdumay James Dumay made changes -
            Epic Link JENKINS-43955 [ 181487 ]
            jamesdumay James Dumay made changes -
            Sprint Blue Ocean 1.2 [ 326 ]
            jamesdumay James Dumay made changes -
            Sprint Blue Ocean 1.2 [ 326 ] Blue Ocean 1.2-beta1 [ 336 ]
            jamesdumay James Dumay made changes -
            Rank Ranked lower
            jamesdumay James Dumay made changes -
            Assignee Nicolae Pascu [ nicu ]
            jamesdumay James Dumay made changes -
            Sprint Blue Ocean 1.2-beta1 [ 336 ] Blue Ocean 1.2-beta1, Blue Ocean 1.2-beta2 [ 336, 341 ]
            jamesdumay James Dumay made changes -
            Rank Ranked higher
            jamesdumay James Dumay made changes -
            Rank Ranked higher
            jamesdumay James Dumay made changes -
            Description *Problem*
            When viewing the logs for a run, a step with a very long string for description will truncate but not show the ellipsis.

            *Repro Steps*
            # Create a multibranch project with a Jenkinsfile that has a very long step description, such as echo'ing a long string. Ex: https://github.com/histos/karaoke-samples/blob/step-description-long/Jenkinsfile
            # Let the job run
            # Open the run details

            *Expected Behavior*
            The step description should truncate and show an ellipsis.

            *Actual Behavior*
            The step description truncates but does not show an ellipsis.

            *Screenie*
             !step-description-truncate-no-ellipsis.png|thumbnail!

            *Notes*
            The layout is flexbox based and there appear to be known issues with using flexbox along with white-space: nowrap. Check out the tables work being done by Josh should probably yield a basic CSS layout that should work.
            *Problem*
            When viewing the logs for a run, a step with a very long string for description will truncate but not show the ellipsis.

            There also seems to be some strange resizing behaviours https://cl.ly/291x3T3l0x11

            *Repro Steps*
            # Create a multibranch project with a Jenkinsfile that has a very long step description, such as echo'ing a long string. Ex: https://github.com/histos/karaoke-samples/blob/step-description-long/Jenkinsfile
            # Let the job run
            # Open the run details

            *Expected Behavior*
            The step description should truncate and show an ellipsis.

            *Actual Behavior*
            The step description truncates but does not show an ellipsis.

            *Screenie*
             !step-description-truncate-no-ellipsis.png|thumbnail!

            *Notes*
            The layout is flexbox based and there appear to be known issues with using flexbox along with white-space: nowrap. Check out the tables work being done by Josh should probably yield a basic CSS layout that should work.
            nicu Nicolae Pascu made changes -
            Status Open [ 1 ] In Progress [ 3 ]
            jamesdumay James Dumay made changes -
            Sprint Blue Ocean 1.2-beta1, Blue Ocean 1.2-beta2 [ 336, 341 ] Blue Ocean 1.2-beta1, Blue Ocean 1.2-beta2, Blue Ocean 1.2-beta3 [ 336, 341, 346 ]
            nicu Nicolae Pascu made changes -
            Status In Progress [ 3 ] In Review [ 10005 ]
            nicu Nicolae Pascu made changes -
            Status In Review [ 10005 ] Closed [ 6 ]
            Resolution Fixed [ 1 ]
            cliffmeyers Cliff Meyers made changes -
            Remote Link This issue links to "PR#1236 (Web Link)" [ 17284 ]

              People

              • Assignee:
                nicu Nicolae Pascu
                Reporter:
                cliffmeyers Cliff Meyers
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: