Update registry_list & list_item to use unordered list
What does this MR do and why?
The main changes are in the structure of the registry_list
& list_item
code.
The original code used divs to structure the elements, while the new code uses unordered lists (ul) and list items (li).
This change improves the accessibility of the code and makes it easier for screen readers to navigate the content.
Additionally, some of the CSS classes have been modified to improve the visual appearance of the components.
Closes #462956 (closed)
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
No change in UI.
How to set up and validate locally
component is reused in multiple places, so while there is no change in UI, it would be good to test their usages:
Package Registry
List & Details
-
rails c
- Open the rails console -
p = Project.find(1)
- Find one of your GDK projects. Project id can be found on the project home page -
FactoryBot.create_list(:npm_package, 10, project: p, name: p.name)
- Creates 10 npm packages - Add this line if above fails during the creation
def fixture_file_upload(*args, **kwargs) Rack::Test::UploadedFile.new(*args, **kwargs) end
- Visit groups & projects package list page.
- visit package registry detail page
Other versions
tab via groups & projects package list page
Container Registry
Images list
- Setup & enable Container Registry https://gitlab.com/gitlab-org/gitlab-development-kit/-/blob/main/doc/howto/registry.md
- Follow steps in https://gitlab.com/gitlab-org/ci-cd/package-stage/package/-/wikis/Packages-Tips-&-Tricks#how-to-add-images-with-tags-quickly-to-the-registry
- To see pagination, run the following in the terminal
$ ./publish.sh <project-path> 2 10 127.0.0.1:5000 # creates 10 images with 2 tags each
- Visit the container registry list page for the project
Tags list
- After following previous instructions, visit the container registry list page for the project
- Clicking one of the images should take you the tags list(details) page
Dependency proxy
-
Visit Gitlab-org Group > Packages and registries > Dependency proxy
-
Assuming
172.16.123.1:3000/gitlab-org/dependency_proxy/containers
is theDependency proxy image prefix
on the page, run the following on the terminal:versions=("latest" "1.33.1" "1.33" "1.32.1"); proxy_url="172.16.123.1:3000/gitlab-org/dependency_proxy/containers"; for version in "${versions[@]}"; do docker pull "${proxy_url}/busybox:${version}"; done