Improve top area navigation
What does this MR do?
- Changes primary buttons group width on mobile for /dashboard/issues, /dashboard/milestones and /dashboard/merge_requests. This will change width to 100% in order to match similar primary buttons (i.e. /dashboard/groups)
- Adds bottom border to support top-area nav-links.
- Adds a scrolling container for /dashboard/activity view.
Are there points in the code the reviewer needs to double check?
No but keep in mind that these 3 button groups don't use the latest dropdown toggle already used in /sample-group (introduced in de553961) which already has responsive width and is subtly different in style. We should change all button groups to follow one style.
Why was this MR needed?
To maintain primary button style on mobile (mainly button width).
Screenshots (if relevant)
| /dashboard/issues (BEFORE) | /dashboard/issues (AFTER) |
|---|---|
 |
 |
| /dashboard/milestones (BEFORE) | /dashboard/milestones (AFTER) |
|---|---|
 |
 |
| /dashboard/merge_requests (BEFORE) | /dashboard/merge_requests (AFTER) |
|---|---|
 |
 |
| /dashboard/activity (BEFORE) | /dashboard/activity (AFTER) |
|---|---|
 |
 |
Does this MR meet the acceptance criteria?
-
Changelog entry added, if necessary - Review
-
Has been reviewed by UX -
Has been reviewed by Frontend
-
Edited by Chris Peressini