Skip to content

Frontend: Better visualization when the project description is long

Overview

Currently, there's no truncation in the project description in the CI/CD Catalog.

Click to expand image

Proposal

Truncate the list when the project description is too long.

  • Truncate the project description if the content is more than 3 lines.
  • We don't show a tooltip on hover ... for consistency.
  • Hide the project description in the mobile view.

For example, in other area:

Click to expand Screenshot_2024-03-07_at_13.52.31

Implementation

For anyone who comes in to implement this, the file you will be working in is here: https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/ci/catalog/components/list/ci_resources_list_item.vue?ref_type=heads

Edited by Sunjung Park