Improves the feature discovery of the More features feature
What does this MR do and why?
A few small adjustments to the feature discovery shimmer for the «More features» feature:
- Decrease visual priority
- Fade out after animation to not confuse users about selected navigation item
- Use default nav item border radius
Follow-up to !243098 (merged)
Screenshots or screen recordings
| Before | After |
|---|---|
| Default | |
  |
  |
| Indigo | |
  |
  |
| Blue | |
  |
  |
| Green | |
  |
  |
| Red | |
  |
  |
| Gray | |
  |
  |
How to set up and validate locally
- Enable FF https://gdk.test:3000/rails/features/feature_library_modal
- Go to a page, e.g. https://gdk.test:3000/flightjs/Flight/-/merge_requests
- Switch between user themes (https://gdk.test:3000/-/profile/preferences)
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Alternative
An alternative approach would be to use a New badge which would align with some of the DS guidelines:
Contextual discovery
Features are highlighted in context, as the user reaches a point where the feature is relevant or useful. → Badge
https://design.gitlab.com/patterns/feature-discovery/#contextual-discovery
Edited by Sascha Eggenberger