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

Update the Header and Breadcrumb styles

    XMLWordPrintable

    Details

    • Type: Story
    • Status: Resolved (View Workflow)
    • Priority: Minor
    • Resolution: Fixed
    • Component/s: core
    • Labels:
      None
    • Similar Issues:
    • Epic Link:
    • Released As:
      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

            Hide
            fqueiruga Félix Queiruga Balado added a comment -

            Some technical considerations:

             

            Show
            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

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

                Dates

                Created:
                Updated:
                Resolved: