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

Build pipeline elements overflow without proper feedback

    • Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Minor Minor
    • build-pipeline-plugin
    • Jenkins ver. 1.631
      build-pipeline-plugin 1.4.9

      On 1600x1200 screens the menu plus the revision box can easily occupy ~50% of the screen. This leads to almost any useful pipeline not fitting into the pipeline box. The overflow of the pipeline elements is cut off hard by the pipeline box without any indication to the user of this occurring, unless the box is cutting right through an element making it obvious to the user that something is missing.

      The onliest indication of the overflow is an horizontal scroll bar at the bottom. This scroll bar is only noticeable once one has scrolled down below the last job in the pipeline queue. Since pipeline potentially contain hundreds of runs the scroll bar is out of reach in most scenarios. Common use cases will require the user to manipulate one of the jobs at the top of the pipelines list. So to actually use UI elements the user will have to scroll all the way down, scroll his way to the correct job and then scroll all the way up again. Using arrow keys to scroll the pipeline is possible but not convenient.

      To alleviate the issue I would suggest the following improvements:

      1. Job boxes should have a reasonable maximum width and grow to the bottom if an element needs more space than provided.
      2. The display of the menu should be optional, since pipelines tend to require lots of horizontal space.
      3. If the menu is present it should scroll with the pipeline horizontally. Currently it scrolls vertically already creating lots of negative space on the left side once it has scrolled out of the view port. Additionally it creates a large unused area on 5:4 screens when manipulating the pipeline elements.
      4. The horizontal scroll bar should always be visible in the viewport if it is required. The pipeline is used a lot more horizontally than vertically. Scrolling down through the entire pipeline history is a lot less common than to access the last job in the pipeline. Horizontal scrolling should thus be more prominent than it is now.

          [JENKINS-31746] Build pipeline elements overflow without proper feedback

          Michael Noack created issue -
          Manuel Recena Soto made changes -
          Assignee New: Manuel Recena Soto [ recena ]
          Manuel Recena Soto made changes -
          Environment Original: Jenkins ver. 1.631
          build-pipeline-plugin 1.49
          New: Jenkins ver. 1.631
          build-pipeline-plugin 1.4.9
          Manuel Recena Soto made changes -
          Description Original: On 1600x1200 screens the menu plus the revision box can easily occupy ~50% of the screen. This leads to almost any useful pipeline not fitting into the pipeline box. The overflow of the pipeline elements is cut off hard by the pipeline box without any indication to the user of this occurring, unless the box is cutting right through an element making it obvious to the user that something is missing.

          The onliest indication of the overflow is an horizontal scroll bar at the bottom. This scroll bar is only noticeable once one has scrolled down below the last job in the pipeline queue. Since pipeline potentially contain hundreds of runs the scroll bar is out of reach in most scenarios. Common use cases will require the user to manipulate one of the jobs at the top of the pipelines list. So to actually use UI elements the user will have to scroll all the way down, scroll his way to the correct job and then scroll all the way up again. Using arrow keys to scroll the pipeline is possible but not convenient.

          To alleviate the issue I would suggest the following improvements:
          1) Job boxes should have a reasonable maximum width and grow to the bottom if an element needs more space than provided.
          2) The display of the menu should be optional, since pipelines tend to require lots of horizontal space.
          3) If the menu is present it should scroll with the pipeline horizontally. Currently it scrolls vertically already creating lots of negative space on the left side once it has scrolled out of the view port. Additionally it creates a large unused area on 5:4 screens when manipulating the pipeline elements.
          4) The horizontal scroll bar should always be visible in the viewport if it is required. The pipeline is used a lot more horizontally than vertically. Scrolling down through the entire pipeline history is a lot less common than to access the last job in the pipeline. Horizontal scrolling should thus be more prominent than it is now.
          New: On 1600x1200 screens the menu plus the revision box can easily occupy ~50% of the screen. This leads to almost any useful pipeline not fitting into the pipeline box. The overflow of the pipeline elements is cut off hard by the pipeline box without any indication to the user of this occurring, unless the box is cutting right through an element making it obvious to the user that something is missing.

          The onliest indication of the overflow is an horizontal scroll bar at the bottom. This scroll bar is only noticeable once one has scrolled down below the last job in the pipeline queue. Since pipeline potentially contain hundreds of runs the scroll bar is out of reach in most scenarios. Common use cases will require the user to manipulate one of the jobs at the top of the pipelines list. So to actually use UI elements the user will have to scroll all the way down, scroll his way to the correct job and then scroll all the way up again. Using arrow keys to scroll the pipeline is possible but not convenient.

          To alleviate the issue I would suggest the following improvements:

          # Job boxes should have a reasonable maximum width and grow to the bottom if an element needs more space than provided.
          # The display of the menu should be optional, since pipelines tend to require lots of horizontal space.
          # If the menu is present it should scroll with the pipeline horizontally. Currently it scrolls vertically already creating lots of negative space on the left side once it has scrolled out of the view port. Additionally it creates a large unused area on 5:4 screens when manipulating the pipeline elements.
          # The horizontal scroll bar should always be visible in the viewport if it is required. The pipeline is used a lot more horizontally than vertically. Scrolling down through the entire pipeline history is a lot less common than to access the last job in the pipeline. Horizontal scrolling should thus be more prominent than it is now.
          Manuel Recena Soto made changes -
          Labels Original: plugin user-experience workflow New: ux
          Manuel Recena Soto made changes -
          Remote Link New: This issue links to "PR (Web Link)" [ 13560 ]

          +1

          Seeing this with build pipeline plugin 1.4.9 and Jenkins 1.609.2.

          Can't believe there are no updates on this issue, which is totally a show stopper. Gonna have to do some rollbacks to try and get back to a usable state.

          Lance Johnston added a comment - +1 Seeing this with build pipeline plugin 1.4.9 and Jenkins 1.609.2. Can't believe there are no updates on this issue, which is totally a show stopper. Gonna have to do some rollbacks to try and get back to a usable state.

          ljohnston

          1. I'm working on improvements in the UI. There is a PR in progress. By the way, this PR is waiting for feedback. You could help here.
          2. I sent an email to jenkins-dev mailing list asking about feedback.
          3. If you cannot believe there are no updates on this issue, feel free to send a PR.

          Regards,

          Manuel Recena Soto added a comment - ljohnston I'm working on improvements in the UI. There is a PR in progress. By the way, this PR is waiting for feedback. You could help here. I sent an email to jenkins-dev mailing list asking about feedback. If you cannot believe there are no updates on this issue, feel free to send a PR. Regards,

          noamik, ljohnston, it would be great if you can send me feedback for this PR.

          Manuel Recena Soto added a comment - noamik , ljohnston , it would be great if you can send me feedback for this PR .

          Michael Noack added a comment - - edited

          Sorry for the late reply. I was enjoying christmas holidays with my family. I checked out commit https://github.com/recena/build-pipeline-plugin/commit/94e6144d50a19a35ac46b089d8dd929446a6ef82 from https://github.com/jenkinsci/build-pipeline-plugin/pull/95/commits and build the plugin. After installing it the pipeline looks really ugly, but the side menu has indeed vanished.

          Am I missing something to reproduce:

          Michael Noack added a comment - - edited Sorry for the late reply. I was enjoying christmas holidays with my family. I checked out commit https://github.com/recena/build-pipeline-plugin/commit/94e6144d50a19a35ac46b089d8dd929446a6ef82 from https://github.com/jenkinsci/build-pipeline-plugin/pull/95/commits and build the plugin. After installing it the pipeline looks really ugly, but the side menu has indeed vanished. Am I missing something to reproduce:

            recena Manuel Recena Soto
            noamik Michael Noack
            Votes:
            1 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved: