Skip to content

Fix display Mermaid plots in project CI/CD setting pages

Dannyel Cardoso da Fonseca requested to merge gitlab-community/gitlab:456327-dcf-display-mermaid-plots-in-project-ci-cd-setting-pages into master
  • Please check this box if this contribution uses AI-generated content as outlined in the GitLab DCO & CLA

What does this MR do and why?

Enables GitLab Flavoured Markdown - Diagrams and Flowcharts rendering in the CI/CD setting page.

This MR fixes the issue Display Mermaid plots in project CI/CD setting ... (#456327 - closed) and uses the same strategy applied in Resolve "Mermaid diagrams and charts are not vi... (!133524 - merged).

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
Before After

How to set up and validate locally

Run GDK locally and go to:

  • Admin > Settings > CI/CD > Continuous Integration and Deployment > Instance runners details

There, use the following content to fill the Instance runners details textbox:

Test MR 149611.

```mermaid
graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;
```

Afterward, go to CI/CD settings of a project, for example: http://gdk.test:3000/flightjs/Flight/-/settings/ci_cd and Expand the Runners section. Check the result!

Edited by Dannyel Cardoso da Fonseca

Merge request reports