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

Responsive design

    XMLWordPrintable

Details

    • New Feature
    • Status: Resolved (View Workflow)
    • Major
    • Resolution: Fixed
    • core
    • None

    Description

      Make Web UI responsive for better experience with smartphones.

      Desktops (current design)
      +---------------------------+
      |Top Bar                    |
      +---------------------------+
      |Breadcrumbs                |
      +-----+---------------------+
      |side-|     main-panel      |
      |panel|                     |
      |     |                     |
      +-----+---------------------+
      |Footer                     |
      +---------------------------+
      
      Smartphones
      +-----------+
      |Top bar    |
      +-----------+
      |Breadcrumbs|
      +-----------+
      |side-panel |
      |(togglable)|
      +-----------+
      |main-panel |
      |           |
      |           |
      +-----------+
      |Footer     |
      +-----------+
      

      Attachments

        Issue Links

          Activity

            ohtake_tomohiro OHTAKE Tomohiro created issue -

            Code changed in jenkins
            User: OHTAKE Tomohiro
            Path:
            core/src/main/resources/lib/layout/layout.jelly
            war/src/main/webapp/less/jenkins.less
            war/src/main/webapp/scripts/bootstrap-collapse.js
            war/src/main/webapp/scripts/bootstrap-transition.js
            http://jenkins-ci.org/commit/jenkins/62f266caaba66e437bb651e662b7361f9b124cb3
            Log:
            JENKINS-14035 Enable responsive design

            scm_issue_link SCM/JIRA link daemon added a comment - Code changed in jenkins User: OHTAKE Tomohiro Path: core/src/main/resources/lib/layout/layout.jelly war/src/main/webapp/less/jenkins.less war/src/main/webapp/scripts/bootstrap-collapse.js war/src/main/webapp/scripts/bootstrap-transition.js http://jenkins-ci.org/commit/jenkins/62f266caaba66e437bb651e662b7361f9b124cb3 Log: JENKINS-14035 Enable responsive design

            Code changed in jenkins
            User: OHTAKE Tomohiro
            Path:
            core/src/main/resources/lib/layout/layout.jelly
            war/src/main/webapp/scripts/bootstrap-button.js
            http://jenkins-ci.org/commit/jenkins/a00b16611d205c922ae2c04b4213db9c2be16ce2
            Log:
            JENKINS-14035 Hide side-panel if width of device/window is small

            scm_issue_link SCM/JIRA link daemon added a comment - Code changed in jenkins User: OHTAKE Tomohiro Path: core/src/main/resources/lib/layout/layout.jelly war/src/main/webapp/scripts/bootstrap-button.js http://jenkins-ci.org/commit/jenkins/a00b16611d205c922ae2c04b4213db9c2be16ce2 Log: JENKINS-14035 Hide side-panel if width of device/window is small
            dogfood dogfood added a comment -

            Integrated in jenkins_ui-changes_branch #28
            JENKINS-14035 Enable responsive design (Revision 62f266caaba66e437bb651e662b7361f9b124cb3)
            JENKINS-14035 Hide side-panel if width of device/window is small (Revision a00b16611d205c922ae2c04b4213db9c2be16ce2)

            Result = SUCCESS
            ohtake.tomohiro : 62f266caaba66e437bb651e662b7361f9b124cb3
            Files :

            • war/src/main/webapp/less/jenkins.less
            • core/src/main/resources/lib/layout/layout.jelly
            • war/src/main/webapp/scripts/bootstrap-collapse.js
            • war/src/main/webapp/scripts/bootstrap-transition.js

            ohtake.tomohiro : a00b16611d205c922ae2c04b4213db9c2be16ce2
            Files :

            • war/src/main/webapp/scripts/bootstrap-button.js
            • core/src/main/resources/lib/layout/layout.jelly
            dogfood dogfood added a comment - Integrated in jenkins_ui-changes_branch #28 JENKINS-14035 Enable responsive design (Revision 62f266caaba66e437bb651e662b7361f9b124cb3) JENKINS-14035 Hide side-panel if width of device/window is small (Revision a00b16611d205c922ae2c04b4213db9c2be16ce2) Result = SUCCESS ohtake.tomohiro : 62f266caaba66e437bb651e662b7361f9b124cb3 Files : war/src/main/webapp/less/jenkins.less core/src/main/resources/lib/layout/layout.jelly war/src/main/webapp/scripts/bootstrap-collapse.js war/src/main/webapp/scripts/bootstrap-transition.js ohtake.tomohiro : a00b16611d205c922ae2c04b4213db9c2be16ce2 Files : war/src/main/webapp/scripts/bootstrap-button.js core/src/main/resources/lib/layout/layout.jelly

            Code changed in jenkins
            User: OHTAKE Tomohiro
            Path:
            core/src/main/resources/lib/layout/layout.jelly
            war/src/main/webapp/less/jenkins.less
            http://jenkins-ci.org/commit/jenkins/1c0f91af280adab783d7e5e39ae999ada9fa6b1d
            Log:
            JENKINS-14035 Adjust responsive layout

            scm_issue_link SCM/JIRA link daemon added a comment - Code changed in jenkins User: OHTAKE Tomohiro Path: core/src/main/resources/lib/layout/layout.jelly war/src/main/webapp/less/jenkins.less http://jenkins-ci.org/commit/jenkins/1c0f91af280adab783d7e5e39ae999ada9fa6b1d Log: JENKINS-14035 Adjust responsive layout
            dogfood dogfood added a comment -

            Integrated in jenkins_ui-changes_branch #29
            JENKINS-14035 Adjust responsive layout (Revision 1c0f91af280adab783d7e5e39ae999ada9fa6b1d)

            Result = SUCCESS
            ohtake.tomohiro : 1c0f91af280adab783d7e5e39ae999ada9fa6b1d
            Files :

            • core/src/main/resources/lib/layout/layout.jelly
            • war/src/main/webapp/less/jenkins.less
            dogfood dogfood added a comment - Integrated in jenkins_ui-changes_branch #29 JENKINS-14035 Adjust responsive layout (Revision 1c0f91af280adab783d7e5e39ae999ada9fa6b1d) Result = SUCCESS ohtake.tomohiro : 1c0f91af280adab783d7e5e39ae999ada9fa6b1d Files : core/src/main/resources/lib/layout/layout.jelly war/src/main/webapp/less/jenkins.less
            ohtake_tomohiro OHTAKE Tomohiro made changes -
            Field Original Value New Value
            Link This issue is related to JENKINS-13266 [ JENKINS-13266 ]
            danielbeck Daniel Beck added a comment -

            Implemented in 1.572.

            danielbeck Daniel Beck added a comment - Implemented in 1.572.
            danielbeck Daniel Beck made changes -
            Resolution Fixed [ 1 ]
            Status Open [ 1 ] Resolved [ 5 ]
            ircbot Jenkins IRC Bot made changes -
            Component/s core [ 15593 ]
            Component/s ui-changes [ 16530 ]

            Please add

            <meta name="viewport" content="width=device-width" />

            in the <head> block.

            fdelapena Francisco de la Peña added a comment - Please add <meta name= "viewport" content= "width=device-width" /> in the <head> block.
            rtyler R. Tyler Croy made changes -
            Workflow JNJira [ 144503 ] JNJira + In-Review [ 191124 ]

            People

              ohtake_tomohiro OHTAKE Tomohiro
              ohtake_tomohiro OHTAKE Tomohiro
              Votes:
              1 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: