GitLab Next

This issue is part of https://gitlab.com/gitlab-org/gitlab-ce/issues/41111

Design

Part 1

Implement this in:

• Jobs lists in Pipeline detail view, i.e: https://gitlab.com/gitlab-org/gitlab-ce/pipelines/18916754/builds
• Global job list view, i,e.: https://gitlab.com/gitlab-org/gitlab-ce/-/jobs

Make tooltips for status badges

Tooltip text in case of failed or allowed to fail:

• "Unknown failure" => Status <br> Unknown failure
• "Script failure" => Status <br> Script failure
• "API failure" => Status <br> API failure
• "Stuck or timeout failure" => Status <br> Stuck or timeout failure
• "Runner system failure" => Status <br> Runner system failure
• "Missing dependency failure" => Status <br> Missing dependency failure

Tooltip text in all other cases:

• Status (Simply state the status, so Passed for passed jobs. This might come in later on when we convert job status badges to only be a status icon)

Examples:

Part 2

Implement this in:

• All pipeline list mini pipeline graphs (pipeline list, merge request widget, commit page widget) - visual
• Pipeline detail view big pipeline graph - visual
• Job detail view Job selector, i.e.: https://gitlab.com/gitlab-org/gitlab-ce/-/jobs/57469198 - visual

Tooltips:

• "Unknown failure" => job name - failed <br> Unknown failure

• "Script failure" => job name - failed <br> Script failure

• "API failure" => job name - failed <br> API failure

• "Stuck or timeout failure" => job name - failed <br> Stuck or timeout failure

• "Runner system failure" => job name - failed <br> Runner system failure

• "Missing dependency failure" => job name - failed <br> Missing dependency failure

Example: