Design Pattern Library - Resize the icons

We'll resize the icon in the following ways:

  • Bounding box: 16x16px
  • Live area:
  • Height: 14px
  • Width: 14px (If the icon like commit is wide but short, the recommended width is 16px)
  • Make sure the icons balance the visual weight in the particular usage.
Tasks:

Pattern checklist

Make sure these are completed before closing the issue, with a link to the relevant commit, if applicable.

  1. Ensure that you have broken things down into atoms, molecules, and organisms.
  2. Check that you have not created a duplicate of an existing pattern.
  3. Ensure that you have used the proper method for creating the pattern depending on the complexity. Atoms and molecules are symbols, organisms are groups.
  4. Make sure that typography is using text styles. When applicable used shared styles for colors.
  5. QA check by another UXer
  6. Add changes to gitlab-elements.sketch
  7. Add a merge request that includes any new or updated guidelines to the GitLab Design System
  8. Add an agenda item to the next UX weekly call to inform everyone (if new pattern, not yet used in the application)
Edited by Pedro Moreira da Silva