Include vulnerabilities counters into the badge
Problem to solve
In https://gitlab.com/gitlab-org/gitlab-ee/issues/4299 we are defining a "badge" to show the security status of a specific commit/pipeline/environment. I'd love to see this badge as a reusable component so we can easily add it to other pages.
This makes the badge a first-class element that should be designed and considered for different scopes, so it is worth to invest some time for UX is correctly. One missing thing that we discussed is to have counters for different severity levels.
We should have a design for the badge that could be similar to what we have for pipelines:
- very small badge (just global status)
- secondary extended badge (status, counters, etc)
- primary badge (to be used when we need a primary focus on security)
Design and implement a security badge that can be easily reused and "tuned" based on the requirements of the specific page where it will be shown.