Adjust styling of Merge request analytics filters bar
What does this MR do and why?
Adjust styling of Merge request analytics filters bar to match search/filter bars in other places in GitLab
References
Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.
Screenshots or screen recordings
| Viewport size | Before | After |
|---|---|---|
xs (<576px) |
![]() |
![]() |
sm (>=576px) |
![]() |
![]() |
md (>=768px) |
![]() |
![]() |
lg (>=992px) |
![]() |
![]() |
xl (>=1200px) |
![]() |
![]() |
How to set up and validate locally
- Check out this branch
- Visit the MR analytics page for a project in the GDK (for example, http://gdk.test:3000/flightjs/Flight/-/analytics/merge_request_analytics)
- You will see that at various viewport widths, the design of the filter bar matches the
Afterimages above
Edited by Chad Lavimoniere









