GitLab-GCP CI/CD: Create UI design for runner create & provisioning in GCP (Admin, Group, Project)

Overview

Create a UI design for the runner create workflow that incorporates selecting Google Cloud as a target.

  • 1. {Project} > CI/CD Settings > Runners
  • 2. {Group} > Build > Runners
  • 3. Admin Area > CI/CD > Runners

Designs

  1. 🔃 User flow
  2. ▶️ Prototype
  3. 🖼️ Figma

Follow-ups

  1. Explore removing the “Region” field to reduce the form (thread)
  2. Add list of GC permissions/roles to the UI (issue).
  3. Move the contents of the “Configure Google Cloud project” step into an accordion, and clarify that it should only be done once per GC project.
  4. Remove the inline Terraform configuration and add a “Download file” and “open in new window” button.
  5. Make field help popovers focusable and add aria-label to help icon.
  6. List roles/permissions needed to configure Google Cloud project (at least in the docs).
Edited by Pedro Moreira da Silva