[JIRA] (JENKINS-60920) Update the Header and Breadcrumb styles

Issue Type:	Story
Assignee:	Unassigned
Components:	core
Created:	2020-01-30 14:12
Priority:	Minor
Reporter:	Félix Queiruga Balado

Implement the header and breadcrumbs UI changes as specified on the UX SIG resources (https://jenkins.io/sigs/ux/)

This message was sent by Atlassian Jira (v7.13.6#713006-sha1:cc4451f)

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 9:17:02 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado started work on

Change By:	Félix Queiruga Balado
Status:	Open In Progress

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 9:17:02 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado assigned an issue to Félix Queiruga Balado

Jenkins /

Change By:	Félix Queiruga Balado

Assignee:	Félix Queiruga Balado

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 10:33:03 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado commented on

Re: Update the Header and Breadcrumb styles

Some technical considerations:

Started using material icons as SVG sprites using the <svg> tag.
- Icons are taking from the symbol files on the material repo (https://github.com/google/material-design-icons/tree/master/sprites/svg-sprite). Currently only the action and social sprites are included and used.
- Added the svgxuse JS library to polyfill svg sprites on IE 11. It does not block rendering but causes a Flash Of No Icons on IE 11.
Use the [BEM|http://getbem.com/] methodology to namespace the CSS when possible.

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 10:34:02 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado updated an issue

Jenkins /

Change By:	Félix Queiruga Balado

Implement the header and breadcrumbs UI changes as specified on the UX SIG resources ([https://jenkins.io/sigs/ux/])

### Opt-in changes

Only changes to layout and iconography will be enabled by default. New colors and logo section should be enabled with the Java option _-Dui.enableNewUi=true_

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 10:34:03 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado updated an issue

Jenkins /

Change By:	Félix Queiruga Balado

Implement the header and breadcrumbs UI changes as specified on the UX SIG resources ([https://jenkins.io/sigs/ux/ ]) .

### h3.|https://jenkins.io/sigs/ux/] Opt-in changes

Only changes to layout and iconography will be enabled by default. New colors and logo section should be enabled with the Java option _-Dui.enableNewUi=true_

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 10:35:03 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado updated an issue

Jenkins /

Change By:	Félix Queiruga Balado

Implement the header and breadcrumbs UI changes as specified on the UX SIG resources ([https://jenkins.io/sigs/ux/]).

h3. h3. Opt-in changes

Only changes to layout and iconography will be enabled by default. New colors and logo section should be enabled with the Java option _-Dui.enableNewUi=true_

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 10:35:03 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado updated an issue

Jenkins /

Change By:	Félix Queiruga Balado

Implement the header and breadcrumbs UI changes as specified on the UX SIG resources ([https://jenkins.io/sigs/ux/ ]) .

h3.|https://jenkins.io/sigs/ux/]Opt-in changes

Only changes to layout and iconography will be enabled by default. New colors and logo section should be enabled with the Java option _-Dui.enableNewUi=true_

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 10:35:03 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado updated an issue

Jenkins /

Change By:	Félix Queiruga Balado

Implement the header and breadcrumbs UI changes as specified on the UX SIG resources ([https://jenkins.io/sigs/ux/]).

h3. |https://jenkins h3 . io/sigs/ux/] Opt-in changes

Only changes to layout and iconography will be enabled by default. New colors and logo section should be enabled with the Java option _-Dui.enableNewUi=true_

fqueiruga@cloudbees.com (JIRA)

unread,

Jan 30, 2020, 10:36:02 AM1/30/20

to jenkinsc...@googlegroups.com

Félix Queiruga Balado updated an issue

Jenkins /

Change By:	Félix Queiruga Balado

Implement the header and breadcrumbs UI changes as specified on the UX SIG resources ([https://jenkins.io/sigs/ux/]).

h3. Opt-in changes

Only changes to layout and , iconography and Jenkins logo will be enabled by default. New colors and logo section should be enabled with the Java option _-Dui.enableNewUi=true_

o.v.nenashev@gmail.com (JIRA)

unread,

Feb 24, 2020, 7:56:02 AM2/24/20

to jenkinsc...@googlegroups.com

Oleg Nenashev resolved as Fixed

Jenkins /

Change By:	Oleg Nenashev
Status:	In Progress Resolved
Resolution:	Fixed
Released As:	Jenkins 2.222