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

Jenkins 2.320 Layout does not extend to width of screen

    • Icon: Bug Bug
    • Resolution: Duplicate
    • Icon: Minor Minor
    • core
    • None
    • Jenkins 2.320

      Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

      Differences between 2.319 and 2.320


      I found out that there were changes to the theme.less with the following change:
      Modernise the 'New view' and 'New node' pages. (pull 5842)

      The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.

          [JENKINS-67257] Jenkins 2.320 Layout does not extend to width of screen

          Bruce Coveny created issue -
          Bruce Coveny made changes -
          Description Original: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!
          New: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!

          I found out that there were changes to the theme.less with the following change:
          Add space between icon and project name (or build number) in all links to builds. ([pull 5887|https://github.com/jenkinsci/jenkins/pull/5887])

          The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.


          Bruce Coveny made changes -
          Attachment New: form-item-max-width-increase.gif [ 56868 ]
          Bruce Coveny made changes -
          Description Original: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!

          I found out that there were changes to the theme.less with the following change:
          Add space between icon and project name (or build number) in all links to builds. ([pull 5887|https://github.com/jenkinsci/jenkins/pull/5887])

          The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.


          New: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!

          I found out that there were changes to the theme.less with the following change:
          Add space between icon and project name (or build number) in all links to builds. ([pull 5887|https://github.com/jenkinsci/jenkins/pull/5887])

          The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.

           !form-item-max-width-increase.gif!


          Bruce Coveny made changes -
          Description Original: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!

          I found out that there were changes to the theme.less with the following change:
          Add space between icon and project name (or build number) in all links to builds. ([pull 5887|https://github.com/jenkinsci/jenkins/pull/5887])

          The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.

           !form-item-max-width-increase.gif!


          New: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!

          I found out that there were changes to the theme.less with the following change:
           Add space between icon and project name (or build number) in all links to builds. ([pull 5887|https://github.com/jenkinsci/jenkins/pull/5887])

          The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.

          !form-item-max-width-increase.gif|width=877,height=274!
          Bruce Coveny made changes -
          Description Original: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!

          I found out that there were changes to the theme.less with the following change:
           Add space between icon and project name (or build number) in all links to builds. ([pull 5887|https://github.com/jenkinsci/jenkins/pull/5887])

          The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.

          !form-item-max-width-increase.gif|width=877,height=274!
          New: Changes to the UI result in smaller fields regardless of the screen width. Prior to this release fields would extend to the width of the window. Shorter fields makes it harder when looking at configurations (see third image).

          Differences between 2.319 and 2.320
           !image-2021-11-29-10-55-38-854.png|thumbnail!
           !image-2021-11-29-10-55-48-386.png|thumbnail!
           !image-2021-11-29-10-55-54-208.png|thumbnail!

          I found out that there were changes to the theme.less with the following change:
          Modernise the 'New view' and 'New node' pages. ([pull 5842|https://github.com/jenkinsci/jenkins/pull/5842])

          The changes added a style element for "--form-item-max-width" and set it to 650px so this means no item can be larger than 650px. By manually increasing this value using Chrome developer tools the boxes increase in size.

          !form-item-max-width-increase.gif|width=877,height=274!
          Bruce Coveny made changes -
          Remote Link New: This issue links to "Modernise the 'New view' and 'New node' pages (Web Link)" [ 27262 ]
          Bruce Coveny made changes -
          Link New: This issue duplicates JENKINS-67198 [ JENKINS-67198 ]
          Ian Williams made changes -
          Summary Original: Jenkins 2.30 Layout does not extend to width of screen New: Jenkins 2.320 Layout does not extend to width of screen

          Same, refuse to install any new version until its fixed.

          Nathan Lindshield added a comment - Same, refuse to install any new version until its fixed.

            Unassigned Unassigned
            bcoveny Bruce Coveny
            Votes:
            2 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: