Convert the Image tag UI from a table to a list view component
Problem to solve
The Package stage allows you to publish, consume, and discover images, all in one place. Users publish and pull images using GitLab CI/CD, the command line, or the GitLab API.
When users have long tag names, or a large number of tags, the current table view is often cumbersome to work within.
Intended users
Personas are described at https://about.gitlab.com/handbook/marketing/product-marketing/roles-personas/
- Delaney (Development Team Lead)
- Sasha (Software Developer)
- Devon (DevOps Engineer)
- Sidney (Systems Administrator)
- Rachel (Release Manager)
User experience goal
Improve the experience of viewing the tags held inside an image repository.
Proposal
Convert the current UI from using the table UI component over to the list view component.
| Image repository detail view |
|---|
 |
| Image repository detail view w/ active delete |
|---|
 |
Further details
In the process of converting to the list view, the multi-select delete also has some improvements, including utilizing a light blue highlight to selected list items and shifting from the trashcan icon button over to a Delete selected button.
Users have often mentioned some initial confusion on the disabled multi-select delete button. After introducing the image repository delete button the "Delete selected" verbiage will also help clarify the different delete utilities.
Permissions and Security
Documentation
Availability & Testing
What does success look like, and how can we measure that?
What is the type of buyer?
All users of the container registry would benefit, but larger enterprise customers will appreciate these changes more.
Is this a cross-stage feature?
This is not a cross-stage feature.