Skip to content

Cleanup members table layout and buttons

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
Screenshot_2022-12-09_at_1.40.19_PM Screenshot_2022-12-09_at_12.41.10_PM
Before After
Screenshot_2022-12-12_at_9.10.44_PM Screenshot_2022-12-12_at_9.03.10_PM

Groups

Before After
Screenshot_2022-12-09_at_1.40.29_PM Screenshot_2022-12-09_at_12.41.25_PM
Before After
Screenshot_2022-12-12_at_9.11.09_PM Screenshot_2022-12-12_at_9.03.32_PM

Invited

Before After
Screenshot_2022-12-09_at_1.40.42_PM Screenshot_2022-12-09_at_12.41.43_PM
Before After
Screenshot_2022-12-12_at_9.11.21_PM Screenshot_2022-12-12_at_9.03.43_PM

Access requests

Before After
Screenshot_2022-12-09_at_1.40.56_PM Screenshot_2022-12-12_at_10.32.02_AM
Before After
Screenshot_2022-12-12_at_9.11.32_PM Screenshot_2022-12-12_at_9.03.56_PM

Project

Members

Before After
Screenshot_2022-12-12_at_10.25.38_AM Screenshot_2022-12-09_at_12.49.42_PM
Before After
Screenshot_2022-12-12_at_9.12.13_PM Screenshot_2022-12-12_at_9.04.54_PM

Groups

Before After
Screenshot_2022-12-12_at_10.25.54_AM Screenshot_2022-12-09_at_1.00.42_PM
Before After
Screenshot_2022-12-12_at_9.12.31_PM Screenshot_2022-12-12_at_9.05.11_PM

Invited

Before After
Screenshot_2022-12-12_at_10.26.10_AM Screenshot_2022-12-09_at_1.00.59_PM
Before After
Screenshot_2022-12-12_at_9.12.41_PM Screenshot_2022-12-12_at_9.05.20_PM

Access requests

Before After
Screenshot_2022-12-12_at_10.26.34_AM Screenshot_2022-12-12_at_10.31.21_AM
Before After
Screenshot_2022-12-12_at_9.12.53_PM Screenshot_2022-12-12_at_9.05.30_PM

How to set up and validate locally

Group

Create a group

How to add a group

  1. Navigate to Group -> Members
  2. Click the Invite a group button
  3. Choose a group

How to add an invited member

  1. Navigate to Group -> Members
  2. Click Invite members
  3. In the GitLab member or Email address enter an email that a user does not already own
  4. Click Invite "example@test.com" by email

How to request access to a group

  1. Log in (or impersonate) a user that doesn't already have access to the group
  2. Navigate to the group overview
  3. Click Request access located to the right of the group name

Project

Create a project

How to add a group

  1. Navigate to Project -> Members
  2. Click the Invite a group button
  3. Choose a group

How to add an invited member

  1. Navigate to Project -> Members
  2. Click Invite members
  3. In the GitLab member or Email address enter an email that a user does not already own
  4. Click Invite "example@test.com" by email

How to request access to a project

  1. Log in (or impersonate) a user that doesn't already have access to the project
  2. Navigate to the project overview
  3. 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.

Edited by Peter Hegman

Merge request reports

Loading