Adds toggle label to shared registry list item component

What does this MR do and why?

Adds toggle label to shared registry list item component

Also adds aria-expanded and aria-label

Changelog: added

Screenshots or screen recordings

Before After After(expanded)
Screenshot_2023-06-20_at_4.41.57_pm Screenshot_2023-06-20_at_4.25.20_pm Screenshot_2023-06-20_at_4.25.46_pm

How to set up and validate locally

  1. Setup & enable Container Registry https://gitlab.com/gitlab-org/gitlab-development-kit/-/blob/main/doc/howto/registry.md

  2. In the terminal, run these commands to push images to test base repository & sub repository

    $ docker pull hello-world
    $ docker tag hello-world 127.0.0.1:5000/<project-path> && docker push 127.0.0.1:5000/<project-path>
    $ docker tag hello-world 127.0.0.1:5000/<project-path>/testing && docker push 127.0.0.1:5000/<project-path>/testing
    $ docker tag hello-world 127.0.0.1:5000/<project-path>/testing/hello-world && docker push 127.0.0.1:5000/<project-path>/testing/hello-world
  3. Visit the container registry list page for the project

  4. Visit the detail page for any of the images.

  5. Hover/Focus on the horizontal ellipsis icon, it should show a tooltip

  6. When selected, should have the aria-expanded attribute set.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #410503 (closed)

Edited by Rahul Chanila

Merge request reports

Loading