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

Increase size of text area for pipeline script code

    Details

    • Type: Improvement
    • Status: Open (View Workflow)
    • Priority: Major
    • Resolution: Unresolved
    • Component/s: workflow-cps-plugin
    • Labels:
    • Environment:
      Jenkins 2.7.2
      Pipeline plugin 2.11
      Window 7 x64 SP1
    • Similar Issues:

      Description

      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.

        Attachments

          Issue Links

            Activity

            Hide
            jk 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?

            Show
            jk 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?
            Hide
            mdebord1 Matt Dee added a comment -

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

            Show
            mdebord1 Matt Dee added a comment - Fixing this text box would really help productivity. Another user here hoping to see this delivered. 
            Hide
            docwhat 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;
            }
            
            Show
            docwhat 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; }
            Hide
            docwhat 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;
            }
            

             

             

            Show
            docwhat 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; }    
            Hide
            jglick Jesse Glick added a comment -

            Tested pull requests would be very welcome!

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

              People

              • Assignee:
                priteshkeleven Pritesh Kanani
                Reporter:
                raffinyc Raffi B
              • Votes:
                34 Vote for this issue
                Watchers:
                36 Start watching this issue

                Dates

                • Created:
                  Updated: