Skip to content

Add a tooltip in the star counts of the catalog project

Sunjung Park requested to merge 432456-frontend-stars-tooltip-ci-cd-catalog into master

What does this MR do and why?

Close #432456 (closed) Related to #431587 (closed)

  • Add a tooltip Stars on hovering the star counts
  • Adjust the tooltip position from bottom to top in the Released date UI text.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
star-count-original-without-tooltip star-count-tooltip

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Enable the FF global_ci_catalog
  2. Create a few projects that you will be able to convert to Ci resources. Create them under the admin namespace for ease of testing.
  3. Once you have done so, get the ID of the first new project you wanted to convert. Then in the Rails console, run:
projects = Project.where("id > ?", your_first_project_id -1)
projects.each do |project|
  project.update!(description: 'description')  
  ::Ci::Catalog::Resource.new(project_id: project.id).save   
end  
  1. Make a release (https://docs.gitlab.com/ee/ci/components/#release-a-component) OR Make a release via Release UI
  2. Navigate to Explore -> CI/CD Catalog
  3. Check the tooltip in the star count and the released time.

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 #432456 (closed)

Edited by Sunjung Park

Merge request reports