Skip to content

Uniquely style labels

Currently our labale are styled like this: image

Which kind of look a lot like primary buttons: image

or like "status badges"... : image

Proposal

Get a style uniquely defined for labels only, that sets it apart better from buttons and other similar buttons.

image

This style would use the user defined color for the text color and border/shadow color, instead of the bg (which in my example was a 20% opacity of that same value)

Considerations

Currently i use a .5 px inset box shadow to create this effect, we'll have to see how this works out on non high def screens

We should be thoughtful about the changes we propose at https://gitlab.com/gitlab-org/gitlab-ce/issues/25220 while deciding on this issue.

Another thing to keep in mind is that when currently our pipeline status badges are clickable they have the following hover state:

2016-12-10_20.54.10

cc: @cperessini @awhildy @pedroms @hazelyang @tauriedavis