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

Increase size of text area for pipeline script code

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Major Major
    • workflow-cps-plugin
    • Jenkins 2.7.2
      Pipeline plugin 2.11
      Window 7 x64 SP1
    • workflow-cps 2.84

      The text area for pipeline script code is too small, and neither Chrome or Firefox allow for custom resizing; text area size is likely hard coded in Jenkins.

      This issue becomes critical on 13" laptop screens even if they are retina as the edit window becomes almost impossible to use due to both lack of horizontal and vertical space.

        1. pipeline-edit-window-size-too-small.png
          pipeline-edit-window-size-too-small.png
          227 kB

          [JENKINS-38276] Increase size of text area for pipeline script code

          Jon B added a comment -

          mmeschenmoser Can you improve it please?

          I took a look at it and the widget that is being used didn't have a way to resize it at the time. If Marcel is passionate about it maybe he can close this ticket. I couldn't figure it out.

          Jon B added a comment - mmeschenmoser Can you improve it please? I took a look at it and the widget that is being used didn't have a way to resize it at the time. If Marcel is passionate about it maybe he can close this ticket. I couldn't figure it out.

          Jan Klass added a comment -

          The editor div has class ui-resizable, and contains a div with class ui-resizable-handle. So I guess the intent was that it should be resizable? But it is not?

          Where would you start looking to fix this issue?

          Jan Klass added a comment - The editor div has class ui-resizable , and contains a div with class ui-resizable-handle . So I guess the intent was that it should be resizable? But it is not? Where would you start looking to fix this issue?

          Matt Dee added a comment -

          Fixing this text box would really help productivity. Another user here hoping to see this delivered. 

          Matt Dee added a comment - Fixing this text box would really help productivity. Another user here hoping to see this delivered. 

          Christian Höltje added a comment -

          This CSS fixes it. The link to the pipeline syntax can get messy, but better than not having resize.

          .ace_editor {
  resize:vertical; overflow:auto !important;
}

          Christian Höltje added a comment - This CSS fixes it. The link to the pipeline syntax can get messy, but better than not having resize. .ace_editor { resize:vertical; overflow:auto !important; }

          Christian Höltje added a comment -

          Even better: The ui-resizable-handle actually works!

          This CSS makes it available (with horrible colors!):

           

          .ui-resizable-handle {
 position: absolute;
 bottom: 0;
 background-color: #1f7313;
 width: 100%;
 height: 10px;
 cursor: row-resize;
 opacity: 0.1;
}
.ui-resizable-handle:hover {
 opacity: 0.6;
}

           

           

          Christian Höltje added a comment - Even better: The ui-resizable-handle actually works! This CSS makes it available (with horrible colors!):   .ui-resizable-handle { position: absolute; bottom: 0; background-color: #1f7313; width: 100%; height: 10px; cursor: row-resize; opacity: 0.1; } .ui-resizable-handle:hover { opacity: 0.6; }    

          Jesse Glick added a comment -

          Tested pull requests would be very welcome!

          Jesse Glick added a comment - Tested pull requests would be very welcome!

          Félix Queiruga Balado added a comment -

          I have created a PR that upgrades jQuery and fixes the issue based on Christian's comment. It is https://github.com/jenkinsci/workflow-cps-plugin/pull/391 . 

          Félix Queiruga Balado added a comment - I have created a PR that upgrades jQuery and fixes the issue based on Christian's comment. It is https://github.com/jenkinsci/workflow-cps-plugin/pull/391  . 

          Jesse Glick added a comment -

          fqueiruga can you please go through issues linked from here or the PR and either assign to yourself, In Review, or just mark as Duplicate?

          Jesse Glick added a comment - fqueiruga can you please go through issues linked from here or the PR and either assign to yourself, In Review , or just mark as Duplicate ?

          Félix Queiruga Balado added a comment -

          Sure

          Félix Queiruga Balado added a comment - Sure

          Devin Nusbaum added a comment -

          The Pipeline editor is now resizable in Pipeline: Groovy plugin version 2.84.

          Devin Nusbaum added a comment - The Pipeline editor is now resizable in Pipeline: Groovy plugin version 2.84.

            fqueiruga Félix Queiruga Balado
            raffinyc Raffi B
            Votes:
            36 Vote for this issue
            Watchers:
            38 Start watching this issue

              Created:
              Updated:
              Resolved: