Cleanup members table layout and buttons
requested to merge 356712-group-project-members-table-has-horizontal-scroll-on-mid-width-screen-sizes into master
What does this MR do and why?
Related to #356712 (closed)
The members table is getting cramped with all of the fields and it causes horizontal scroll on some of mid-width screen sizes. This MR moves the User created
, Access granted
, and Last activity
fields into one Activity
column. It also updates the action buttons to be more consistent and take up less space.
Screenshots or screen recordings
Group
Members
Before | After |
---|---|
Before | After |
---|---|
Groups
Before | After |
---|---|
Before | After |
---|---|
Invited
Before | After |
---|---|
Before | After |
---|---|
Access requests
Before | After |
---|---|
Before | After |
---|---|
Project
Members
Before | After |
---|---|
Before | After |
---|---|
Groups
Before | After |
---|---|
Before | After |
---|---|
Invited
Before | After |
---|---|
Before | After |
---|---|
Access requests
Before | After |
---|---|
Before | After |
---|---|
How to set up and validate locally
Group
Create a group
How to add a group
- Navigate to
Group
->Members
- Click the
Invite a group
button - Choose a group
How to add an invited member
- Navigate to
Group
->Members
- Click
Invite members
- In the
GitLab member or Email address
enter an email that a user does not already own - Click
Invite "example@test.com" by email
How to request access to a group
- Log in (or impersonate) a user that doesn't already have access to the group
- Navigate to the group overview
- Click
Request access
located to the right of the group name
Project
Create a project
How to add a group
- Navigate to
Project
->Members
- Click the
Invite a group
button - Choose a group
How to add an invited member
- Navigate to
Project
->Members
- Click
Invite members
- In the
GitLab member or Email address
enter an email that a user does not already own - Click
Invite "example@test.com" by email
How to request access to a project
- Log in (or impersonate) a user that doesn't already have access to the project
- Navigate to the project overview
- Click
Request access
located to the right of the project name
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