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

Responsive design

XMLWordPrintable

    • Icon: New Feature New Feature
    • Resolution: Fixed
    • Icon: Major Major
    • core
    • None

      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     |
+-----------+

          [JENKINS-14035] Responsive design

          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

          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

          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

          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 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 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

          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

          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 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 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

          Daniel Beck added a comment -

          Implemented in 1.572.

          Daniel Beck added a comment - Implemented in 1.572.

          Francisco de la Peña added a comment -

          Please add

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

          in the <head> block.

          Francisco de la Peña added a comment - Please add <meta name= "viewport" content= "width=device-width" /> in the <head> block.

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

              Created:
              Updated:
              Resolved: