Improved UX for bulk deleting container image tags
Problem to solve
It can be difficult to delete image tags from the container registry UI. Following #327693 (comment 632953808), this issue proposes improving the UX for bulk deleting many tags.
Proposal
See below designs. Checkbox in header selects all below. Selecting any checkbox causes secondary danger button to change from disable to enabled. Pressing delete button triggers a confirmation modal.
If paginated and user hits select all checkbox, we could either select only the items on current page as an MVC. Or if it's easy, perhaps we could so something like concept in figma
Standardizing this behaviour
There are a number of places in the registries UI that could benefit from a bulk delete UI so it would be good to reuse this pattern. I've attached some designs to this issue for the package registry.
Outside of package, this pattern should be added into into Pajamas. issue here
Testing and Availability
We currently have an existing end-to-end test that deletes a specific tag. The implementation of this functionality should not affect the existing test flow. We verify it by running the job package-and-qa
on the MRs.