馃挰 Feedback: Simplified labels & badges
馃悪 Currently enabled on dev/staging envs, behind feature flag simplified_labels & simplified_badges.
What has changed?
Simplifies labels & badges to only use a single size:
Labels
In gitlab-ui!3306 (merged) we try to reduce the GlLabel聽variants down to a single size to:
- Increase hit target for small labels
- Ease the developer experience
- Streamline the use of labels
For easier testing we temporarily bring the updated label styles to GitLab (behind this FF) and once verified we can refactor GitLab and move the styles into GitLab UI (MR: gitlab-ui!3306 (merged))
We've chosen a label size which is in between the current sm and md variants which is 20px height. This seems to be the ideal middle ground to also align nicely within text blocks (like used in the markdown/rich text editor).
| Variant | Before | After |
|---|---|---|
sm |
 |
 |
md |
 |
|
Badges
In gitlab-ui!3307 (merged) we try to reduce the GlBadge聽variants down to a single size to:
- Increase hit target for small badges
- Ease the developer experience
- Streamline the use of badges
For easier testing we temporarily bring the updated badge styles to GitLab (behind this FF) and once verified we can refactor GitLab and move the styles into GitLab UI (MR: gitlab-ui!3307 (merged))
We've chosen a badge size which is in between the current sm and md variants which is 20px height. This seems to be the ideal middle ground to also align nicely within text blocks (like used in the markdown/rich text editor).
| Variant | Before | After |
|---|---|---|
sm |
 |
 |
md |
 |
|
lg |
 |
|