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

          Code changed in jenkins
          User: Manuel Recena
          Path:
          src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly
          src/main/webapp/css/main.css
          src/main/webapp/images/application_view_list.png
          src/main/webapp/images/application_xp_terminal.png
          src/main/webapp/images/clock.png
          http://jenkins-ci.org/commit/build-pipeline-plugin/1b7a57c1168e3b25ac3d022a5b10ac3b3343924c
          Log:
          JENKINS-31746 Removing <table> for layout

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly src/main/webapp/css/main.css src/main/webapp/images/application_view_list.png src/main/webapp/images/application_xp_terminal.png src/main/webapp/images/clock.png http://jenkins-ci.org/commit/build-pipeline-plugin/1b7a57c1168e3b25ac3d022a5b10ac3b3343924c Log: JENKINS-31746 Removing <table> for layout

          Code changed in jenkins
          User: Manuel Recena
          Path:
          src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly
          src/main/webapp/css/main.css
          http://jenkins-ci.org/commit/build-pipeline-plugin/7ca49b7551756aeff0e3e54503dd82484911b824
          Log:
          JENKINS-31746 Removing unnecessary CSS styles

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly src/main/webapp/css/main.css http://jenkins-ci.org/commit/build-pipeline-plugin/7ca49b7551756aeff0e3e54503dd82484911b824 Log: JENKINS-31746 Removing unnecessary CSS styles

          Code changed in jenkins
          User: Manuel Recena
          Path:
          src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly
          src/main/webapp/css/main.css
          src/main/webapp/images/clock-small.png
          http://jenkins-ci.org/commit/build-pipeline-plugin/1dad74eb6a8a3474a4540cbce74336b5f244f129
          Log:
          JENKINS-31746 Reviewing the semantic markup

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly src/main/webapp/css/main.css src/main/webapp/images/clock-small.png http://jenkins-ci.org/commit/build-pipeline-plugin/1dad74eb6a8a3474a4540cbce74336b5f244f129 Log: JENKINS-31746 Reviewing the semantic markup

          Code changed in jenkins
          User: Manuel Recena
          Path:
          src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly
          src/main/webapp/css/main.css
          http://jenkins-ci.org/commit/build-pipeline-plugin/1154e83b5b34f1347bf5d7d4b80ae1b7927c06ba
          Log:
          JENKINS-31746 Polishing details

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly src/main/webapp/css/main.css http://jenkins-ci.org/commit/build-pipeline-plugin/1154e83b5b34f1347bf5d7d4b80ae1b7927c06ba Log: JENKINS-31746 Polishing details

          Code changed in jenkins
          User: Manuel Recena
          Path:
          src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly
          src/main/webapp/css/main.css
          http://jenkins-ci.org/commit/build-pipeline-plugin/973ddcd928b7f1da4f150058bcb6f26a5efecdaf
          Log:
          JENKINS-31746 More clean up

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly src/main/webapp/css/main.css http://jenkins-ci.org/commit/build-pipeline-plugin/973ddcd928b7f1da4f150058bcb6f26a5efecdaf Log: JENKINS-31746 More clean up

          Code changed in jenkins
          User: Manuel Recena
          Path:
          src/main/webapp/css/main.css
          src/main/webapp/images/application_xp_terminal.png
          src/main/webapp/images/user-small.png
          src/main/webapp/images/user.png
          http://jenkins-ci.org/commit/build-pipeline-plugin/3e5708a16099c5b3eb1a1b75721ed987b329ddd2
          Log:
          JENKINS-31746 More clean up

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: src/main/webapp/css/main.css src/main/webapp/images/application_xp_terminal.png src/main/webapp/images/user-small.png src/main/webapp/images/user.png http://jenkins-ci.org/commit/build-pipeline-plugin/3e5708a16099c5b3eb1a1b75721ed987b329ddd2 Log: JENKINS-31746 More clean up

          Code changed in jenkins
          User: Manuel Recena
          Path:
          src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly
          src/main/webapp/css/main.css
          http://jenkins-ci.org/commit/build-pipeline-plugin/edead7096cd6a6240de301bf55a47f52d77c34c7
          Log:
          JENKINS-31746 Michael Noack's comments were addressed

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: src/main/resources/au/com/centrumsystems/hudson/plugin/buildpipeline/BuildPipelineView/bpp.jelly src/main/webapp/css/main.css http://jenkins-ci.org/commit/build-pipeline-plugin/edead7096cd6a6240de301bf55a47f52d77c34c7 Log: JENKINS-31746 Michael Noack's comments were addressed

          Code changed in jenkins
          User: Manuel Recena
          Path:
          pom.xml
          src/test/java/au/com/centrumsystems/hudson/plugin/buildpipeline/functionaltest/BuildPipelineViewTest.java
          src/test/java/au/com/centrumsystems/hudson/plugin/buildpipeline/functionaltest/BuildSecurityTest.java
          src/test/java/au/com/centrumsystems/hudson/plugin/buildpipeline/functionaltest/ParameterPassingTest.java
          http://jenkins-ci.org/commit/build-pipeline-plugin/c33c9ff53022c7bffa451b23a432be927f4cd68f
          Log:
          JENKINS-31746 Upgraded Selenium to work with latest version of Firefox and some tests were ignored

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: pom.xml src/test/java/au/com/centrumsystems/hudson/plugin/buildpipeline/functionaltest/BuildPipelineViewTest.java src/test/java/au/com/centrumsystems/hudson/plugin/buildpipeline/functionaltest/BuildSecurityTest.java src/test/java/au/com/centrumsystems/hudson/plugin/buildpipeline/functionaltest/ParameterPassingTest.java http://jenkins-ci.org/commit/build-pipeline-plugin/c33c9ff53022c7bffa451b23a432be927f4cd68f Log: JENKINS-31746 Upgraded Selenium to work with latest version of Firefox and some tests were ignored

          Code changed in jenkins
          User: Manuel Recena
          Path:
          pom.xml
          http://jenkins-ci.org/commit/build-pipeline-plugin/e565de51cbb5aae7b67ab962c51db177f8b1a6b0
          Log:
          JENKINS-31746 Improve the layout

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Manuel Recena Path: pom.xml http://jenkins-ci.org/commit/build-pipeline-plugin/e565de51cbb5aae7b67ab962c51db177f8b1a6b0 Log: JENKINS-31746 Improve the layout

          Manuel Recena Soto added a comment - Release as build-pipeline-plugin-1.5.1 .

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

              Created:
              Updated:
              Resolved: