[JENKINS-14035] Responsive design - Jenkins Jira

XML

Word

Printable

Details

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

Similar Issues:

Show

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

is related to

JENKINS-13266 In fluid layout, side-panel may overflow into main-panel

Resolved

Activity

Ascending order - Click to sort in descending order

SCM/JIRA link daemon added a comment - 2012-06-07 07:12

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 - 2012-06-07 07:12 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 - 2012-06-07 07:12

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 - 2012-06-07 07:12 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 - 2012-06-07 07:22

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 - 2012-06-07 07:22 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 - 2012-06-07 14:05

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 - 2012-06-07 14:05 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 - 2012-06-07 14:12

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 - 2012-06-07 14:12 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 - 2014-07-14 16:45

Implemented in 1.572.

Daniel Beck added a comment - 2014-07-14 16:45 Implemented in 1.572.

Francisco de la Peña added a comment - 2015-01-25 21:23

Please add

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

in the <head> block.

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

People

Assignee:: OHTAKE Tomohiro

Reporter:: OHTAKE Tomohiro

Votes:: 1 Vote for this issue

Watchers:: 2 Start watching this issue

Dates

Created:: 2012-06-07 06:18

Updated:: 2015-01-25 21:23

Resolved:: 2014-07-14 16:45