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

Update the Header and Breadcrumb styles

    XMLWordPrintable

Details

    • Story
    • Status: Resolved (View Workflow)
    • Minor
    • Resolution: Fixed
    • core
    • None
    • Jenkins 2.222

    Description

      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

      Attachments

        Issue Links

          Activity

            Some technical considerations:

             

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

            People

              fqueiruga Félix Queiruga Balado
              fqueiruga Félix Queiruga Balado
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: