Skip to content

Wrap pipeline artifact dropdown item names

Miranda Fluharty requested to merge 334069-wrap-artifacts-dropdown-text into master

What does this MR do?

For #334069 (closed)

This MR adds a text wrapping class to the items in the artifacts dropdown on the pipelines list page. We are doing because long artifact names without spaces or -'s get cut off when they extend past the width of the dropdown.

Screenshots

before 🙁 with this MR (.gl-word-break-word) 🤔 an alternative solution (.gl-word-break-all) 🤷🏻
Screen_Shot_2021-08-19_at_11.26.27 Screen_Shot_2021-08-19_at_11.56.30 Screen_Shot_2021-08-19_at_11.30.59
secret_detection:secret_detection doesn't break and gets cut off break long words like secret_detection:secret_detection if we have to, but prefer to break on spaces and - break anywhere - takes up fewer lines overall, but makes the names harder to read

How to setup and validate locally (strongly suggested)

  1. run a pipeline that generates artifacts
  2. navigate to the pipelines list page
  3. click the (vertical ellipsis) button next to the pipeline to open the "Download artifacts" dropdown

Does this MR meet the acceptance criteria?

Conformity

Edited by Miranda Fluharty

Merge request reports