Improve styling of not-available badges for product page
Issue requested by @marcia in https://gitlab.slack.com/archives/C038E3Q6L/p1519301195000140?thread_ts=1519256532.000277&cid=C038E3Q6L
Problem
we need to pick one paradigm and stick with it. 2 options were proposed in the issue:
Only show badges that apply to the features
Show all the badges and only highlight the ones that apply to the feature.
What we agreed on for this iteration was to show the badges unfilled. In a future iteration we and change this, but let's not mix modes.
The above describes the choice made previously between hiding and highlighting the right ones.
In slack I gave the following reasons for actually iterating on this and choosing to hide the product version badges for features that do not apply.
The current situation confuses because:
- Tooltips are a backup UX measure, not something to rely on without question
- Buttons in our GitLab UI are either fully colored (primary) or outlines (secondary).. the badges are quite buttony/clicky in their current highlight or non highlighted states. A button in our product, should not represent something unclickable in our marketing website
Another suggestion would be:
- Letting the badges link towards a description/doc/page of what that version entails, similar as to the release posts