Skip to content

PM-5679: Correct special role details presentation#2047

Merged
jmgasper merged 1 commit into
devfrom
PM-5679
Jul 21, 2026
Merged

PM-5679: Correct special role details presentation#2047
jmgasper merged 1 commit into
devfrom
PM-5679

Conversation

@jmgasper

Copy link
Copy Markdown
Collaborator

What was broken

The QA-failed implementation used incorrect special-role count and detail typography, inherited uppercase heading styles instead of the requested wording, and allowed the loading spinner to overflow the role details card.

Root cause (if identifiable)

The initial UI retained default heading transforms and smaller type rules. Its shared full-height spinner also rendered without a bounded local loading container.

What was changed

  • Set summary challenge counts to 26px at all breakpoints.
  • Set the back link to 22px line height, stats headings to 16px/24px at medium weight, and detail metrics to 32px/34px.
  • Preserved natural Copilot/Reviewer wording and contained loading within the achievements card.
  • Kept the approved responsive layout and existing long-list scrollbar behavior.

Any added/updated tests

Added regression coverage for the approved typography, casing, and bounded loading state.

Validation completed:

  • Targeted profile tests: 3 suites and 15 tests passed.
  • yarn lint passed.
  • yarn run build passed.
  • The full yarn test:no-watch command also ran; 163 suites and 816 tests passed, while 10 unrelated admin/challenge-editor suites failed outside the changed profiles code.

What was broken

Special-role counts and detail typography did not match the approved values, inherited uppercase styling changed the requested wording, and the loading spinner escaped the role details card.

Root cause (if identifiable)

The initial implementation retained default heading transforms and smaller type rules, while the shared full-height spinner had no bounded local container.

What was changed

Updated the summary count, detail headings, back-link, and metric typography, preserved natural wording, and contained the loading state within the achievements card.

Any added/updated tests

Added regression assertions for the approved typography, casing, and bounded loading state. Targeted profile tests, lint, and the production build pass.
@jmgasper
jmgasper marked this pull request as ready for review July 21, 2026 04:17
@jmgasper
jmgasper requested a review from kkartunov as a code owner July 21, 2026 04:17
@jmgasper
jmgasper merged commit 83a29b9 into dev Jul 21, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant