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

Responsive design

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Resolved (View Workflow)
    • Priority: Major
    • Resolution: Fixed
    • Component/s: core
    • Labels:
      None
    • Similar Issues:

      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

            Hide
            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

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

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

            Show
            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
            Hide
            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
            Show
            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
            Hide
            danielbeck Daniel Beck added a comment -

            Implemented in 1.572.

            Show
            danielbeck Daniel Beck added a comment - Implemented in 1.572.
            Hide
            fdelapena Francisco de la Peña added a comment -

            Please add

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

            in the <head> block.

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

              People

              • Assignee:
                ohtake_tomohiro OHTAKE Tomohiro
                Reporter:
                ohtake_tomohiro OHTAKE Tomohiro
              • Votes:
                1 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: