Skip to content

Fix CSS of pipeline name on pipeline details page

Reuben Pereira requested to merge rp/fix-pipeline-name-border into master

What does this MR do and why?

Describe in detail what your merge request does and why.

Fix the CSS for the pipeline name on the pipeline details page.

Usually, the commit title is displayed at the top of the pipeline details page, but if the pipeline has a name, the name is displayed instead. This MR corrects the CSS for the display of the name, so that it looks similar as when the commit title is displayed.

#372538 (closed)

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
With name Screenshot_from_2022-12-01_19-22-09 Screenshot_from_2022-12-01_19-21-41
With commit title Screenshot_from_2022-12-01_20-24-29 Screenshot_from_2022-12-01_19-22-46

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Disable the pipeline_name feature flag in your GDK by running the following in Rails console: Feature.disable(:pipeline_name).

  2. In your GDK, start a pipeline in a project. This pipeline won't have a name.

  3. Enable the feature flag by running the following in your Rails console: Feature.enable(:pipeline_name).

  4. Now, edit the .gitlab-ci.yml, and add the following:

    workflow:
      name: 'Build pipeline'
  5. Start a new pipeline. This pipeline should have a name.

  6. Visit the details page.

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 Reuben Pereira

Merge request reports