Skip to content

Move Catalog about panel to the header

What does this MR do and why?

IMPORTANT This MR requires production to be running gitlab-ui 66.13.0 to have access to the new CSS based skeleton loader. It seems that !131146 (merged) is blocking future updates so I have added it as a dependency.

We are moving the "About this project" sidebar to instead be under the project description horizontally:

#415657[Details-inputs-table-v2.png]

Screenshots or screen recordings

When loading the whole page

Before After
Screenshot_2023-09-21_at_2.01.30_PM Screenshot_2023-09-21_at_1.10.42_PM
Screenshot_2023-09-21_at_2.01.18_PM Screenshot_2023-09-21_at_1.56.18_PM

When loading only the details page

Before After
Screenshot_2023-09-21_at_2.01.51_PM Screenshot_2023-09-21_at_1.10.20_PM
Screenshot_2023-09-21_at_2.01.01_PM Screenshot_2023-09-21_at_1.56.05_PM

When loaded

Before After
Screenshot_2023-09-21_at_2.00.30_PM Screenshot_2023-09-21_at_1.07.50_PM
Screenshot_2023-09-21_at_2.00.15_PM Screenshot_2023-09-21_at_1.55.32_PM

How to set up and validate locally

  1. Make sure you have an premium license for your GDK
  2. Login as an admin user
  3. Create a few projects that you will be able to convert to Ci resources. Create them under the admin namespace for ease of testing.
  4. Once you have done so, get the ID of the first new project you wanted to convert. Then in Rails console, run:
projects = Project.where("id > ?", your_first_project_id)
projects.each do |project|
  project.update!(description: 'description')  
  ::Ci::Catalog::Resource.new(project_id: project.id).save   
end  
  1. Navigate to /$namespace/$project/-/ci/catalog/resources/. Any project under the same namespace will do (in this case, anything under the admin namespace)
  2. Click on a resource
  3. Notice the new layout!

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

Edited by Frédéric Caplette

Merge request reports