Adjust styling in group and project lists
requested to merge 420800-follow-up-fix-some-minor-styling-issues-with-group-and-project-lists-2 into master
What does this MR do and why?
Related to #420800 (closed)
Adjusts styling in Vue groups and projects lists. See #420800 (closed) for styling recommendations that are implemented in this MR.
Screenshots or screen recordings
Groups and projects page
Groups
Desktop
Before | After |
---|---|
![]() |
![]() |
Mobile
Before | After |
---|---|
![]() |
![]() |
Projects
Desktop
Before | After |
---|---|
![]() |
![]() |
Mobile
Before | After |
---|---|
![]() |
![]() |
Front page
Groups
Desktop
Before | After |
---|---|
![]() |
![]() |
Mobile
Before | After |
---|---|
![]() |
![]() |
Projects
Desktop
Before | After |
---|---|
![]() |
![]() |
Mobile
Before | After |
---|---|
![]() |
![]() |
How to set up and validate locally
- Open the rails console
bin/rails console
- Enable the
:ui_for_organizations
feature flagFeature.enable(:ui_for_organizations)
- Navigate to
/-/organizations/default/groups_and_projects
Note: the data on this page is mock data while we wait for API support
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Peter Hegman