Replace avatars with pajamas components
What does this MR do and why?
Describe in detail what your merge request does and why.
Replaces various avatars with the Pajamas components.
1. Topic card avatars
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
- Create a topic in the admin area (http://127.0.0.1:3000/admin/topics)
- Go to http://127.0.0.1:3000/explore/projects/topics
- View the same page logged out (incognito)
2. Topic project explorer avatar
- Replace avatar
- Make section respect user page width settings
- Even padding top and bottom for section
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
- Create a topic in the admin area (http://127.0.0.1:3000/admin/topics)
- Assign a topic to a project (https://docs.gitlab.com/ee/user/project/settings/#assign-topics-to-a-project) Project > Settings > General > Naming, topics, avatar
- Go to the project overview page, and you should see
Topics: your topic
. Follow the link to your topic to get to the explore page.
3. Group settings avatar picker
Update avatar picker to use Pajamas component. Spacing and sizing taken from Pajamas UI Kit
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
- Go to a group settings page (for example http://127.0.0.1:3000/groups/flightjs/-/edit)
- Change the avatar
- Change it back if you like
🎉
4. Project settings avatar picker
Update avatar picker to use Pajamas component. Spacing and sizing taken from Pajamas UI Kit
Screenshots or screen recordings
Before | After |
---|---|
How to set up and validate locally
- Go to a project settings page (for example http://127.0.0.1:3000/flightjs/Flight/edit)
- Change the avatar
- Change it back if you like
🎉
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Dan Mizzi-Harris