Skip to content

Pipeline artifacts dropdown text is getting cut off

Summary

The text in the artifacts dropdown on the pipelines list page is being cut off.

Note in the screenshot below, the second artifact cuts off the word "dependency".

Screen_Shot_2021-06-18_at_11.23.19_AM

Steps to reproduce

  1. Create a job with an artifact that has a long name.
  2. View the pipelines list
  3. Open the dropdown on the far right of the row.
  4. Note that the name of the artifact is cut off.

Example Project

GitLab - https://gitlab.com/gitlab-org/gitlab/-/pipelines?scope=finished&page=1

What is the current bug behavior?

The artifact name is cut off

What is the expected correct behavior?

The artifact name is wrapped or truncated with ellipsis

Relevant logs and/or screenshots

Screen_Shot_2021-06-18_at_11.23.19_AM

Output of checks

This bug happens on GitLab.com

Possible fixes

Should be able to use existing CSS classes to handle the wrapping/truncating (whichever we prefer).