Skip to content

Add gl-text-left to stage name in job

What does this MR do and why?

When jobs are grouped by job dependencies, the stage name of each job is shown inside the job item. For parallel jobs, the stage name inside the job item is centered instead of left-aligned like the other jobs. 🐛

Screen_Recording_2024-04-16_at_18.24.04

This MR adds gl-text-left to the stage name for parallel jobs so that they are left-aligned to match the other jobs.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before 🐛 After
Screenshot_2024-04-16_at_18.52.49
stage name (test) on parallel job group (tests) centered
Screenshot_2024-04-16_at_18.53.11
stage name on parallel job group left-aligned (matches non-parallel jobs)

How to set up and validate locally

  1. find/make a project with a pipeline that combines parallel and needs, here's what I used to generate the screenshots above:
# .gitlab-ci.yml

stages:
  - build
  - test
  - deploy

compile:
  stage: build
  script: echo "hello"

tests:
  stage: test
  script: echo "hello"
  parallel: 5

upload:
  stage: deploy
  script: echo "hello"
  needs: ["tests"]
  1. navigate to a pipeline in the project
  2. switch the Group jobs by toggle to Job dependencies
  3. check the alignment of the stage name within the parallel job
Edited by Miranda Fluharty

Merge request reports