← All examples

GitLab: more readable pipeline graph

Lets the pipeline graph scroll horizontally and shows full job names without truncation.

Code to copy

/* Give the pipeline graph more room and readable job names */
.pipeline-graph-container,
.js-pipeline-graph {
  overflow-x: auto !important;
}
.pipeline-graph .ci-job-name-component,
.pipeline-graph [data-testid="ci-job-item"] .gl-text-truncate {
  max-width: none !important;
  white-space: nowrap !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.