• Icon: Story Story
    • Resolution: Fixed
    • Icon: Minor Minor
    • core
    • None
    • Jenkins 2.222

      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, iconography and Jenkins logo will be enabled by default. New colors and logo section should be enabled with the Java option -Dui.enableNewUi=true

          [JENKINS-60920] Update the Header and Breadcrumb styles

          Some technical considerations:

           

          Félix Queiruga Balado added a comment - 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 Félix Queiruga Balado
            fqueiruga Félix Queiruga Balado
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: