Skip to content

Edit profile page small UI clean-ups

Amelia Bauerly requested to merge abp into master

What does this MR do and why?

Making a number of small changes to the edit profile page to better align the page with current pajamas guidelines. As part of https://gitlab.com/gitlab-com/gitlab-OKRs/-/work_items/4493.

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

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

  1. Moving the period outside of the "Learn more" links, as recommended in Pajamas. Note: haven't removed the "Learn more" text at this time. May do that in a separate MR.
Before After
Screenshot_2024-01-22_at_3.16.48_PM Screenshot_2024-01-22_at_3.13.56_PM
Screenshot_2024-01-22_at_3.16.53_PM Screenshot_2024-01-22_at_3.14.00_PM
  1. Removing the extra space between the busy checkbox and the "clear status after" fields. Was 24 px between the two fields, now is the standard 16px.
Before After
Screenshot_2024-01-22_at_5.01.37_PM Screenshot_2024-01-22_at_4.58.18_PM
  1. Removing the icon link, as it's prohibited in Pajamas. Currently just replaced with a "Learn more" link; may remove the "Learn more" link in a separate MR.
Before - icon that's a link (no popover) Linked text
Screenshot_2024-01-22_at_5.00.14_PM Screenshot_2024-01-22_at_5.00.26_PM

How to set up and validate locally

  1. Navigate to Edit Profile page
Edited by Amelia Bauerly

Merge request reports