feat(label): Reduce label variants
What does this MR do?
This MR reduces the label variants down to a single one. One size fits all!
Why?
The sm variant is pretty dense and can be very hard to read, increasing the spacing slightly would solve the issue (Note: there is another MR to solve the readability of labels, fix(utils): Change color util to use relative l... (!3418 - merged)).
If we increase the spacing of the sm variant it will be in very close territory to the md variant so it would make sense to just continue with one variant.
This change also is an improvement in terms of developer experience as we only have a single size to be used. This also opens the way to explore how we can handle density in our product in the future where we can set the density per region and not per component (reactive components in a region of a page).
Example
| Before | After |
|---|---|
 |
 |
More Examples:
| Before | After |
|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Integration merge requests
-
Introducing the changes behind a FF: Simplified labels FF (gitlab!140239 - merged) -
GitLab: GlLabel: Remove size property from codebase (gitlab!129915 - merged) -
CustomersDot: mr_url -
Status Page: mr_url
Related to gitlab#424396 (closed)