Skip to content

Convert OAuth2 authorization panel to GitLab UI utility classes

What does this MR do and why?

Related to #344556 (closed)

Removes modal-* CSS classes from OAuth2 authorization panel and replaces them with GitLab UI utility classes.

Screenshots or screen recordings

Desktop

Before After
Screen_Shot_2022-01-05_at_1.50.18_PM Screen_Shot_2022-01-06_at_2.22.39_PM

Mobile

Before After
Screen_Shot_2022-01-05_at_1.50.58_PM Screen_Shot_2022-01-06_at_2.22.59_PM

How to set up and validate locally

Testing the full OAuth2 flow is a bit tricky locally because you need to setup an OAuth2 provider. In this case we don't need to test the full flow since we are just changing the styling of the authorize panel so we can follow the instructions below:

  1. Login to GitLab as an Admin and navigate to /admin/applications/new
  2. Fill out the form with the following:
  3. Navigate to /oauth/authorize?access_type=online&client_id=<Application ID>&redirect_uri=http%3A%2F%2Ffoo.bar&response_type=code&scope=api. Make sure you update <Application ID> to the Application ID provided in the previous step

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