Skip to content

Show future achievement badges without progress rings - #785

Draft
BenCBanks wants to merge 1 commit into
mainfrom
clover-776-achievements
Draft

BenCBanks wants to merge 1 commit into
mainfrom
clover-776-achievements

Conversation

@BenCBanks

@BenCBanks BenCBanks commented Nov 9, 2026 •

Copy link
Copy Markdown
Owner

Closes #776

Changes

  • Show the full achievement catalog in the profile rail and achievement grid, ordered earned first, then in-progress by proximity, then future rewards.
  • Grey future medals with reduced opacity, remove medal rings, and show a progress bar plus reward name and remaining criterion.
  • Let labels wrap without clipping at narrow widths; keep accessible progress values and future-reward descriptions.

Checks

  • Focused profile_achievements_ui.cjs: 330px and 390px, light/dark, normal and large text; browser and mocked native bridge.
  • dev/tests/changed.sh --check-map, JS syntax checks, and git diff --check pass.
  • Browser captures use fictional fixture data. No physical iPhone verification.

Screenshots

390px light: earned badges, a half-progress reward, and a future badge
390px dark: earned badges, a half-progress reward, and a future badge

This branch has not been deployed

No deployments
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.

Achievements: show future badges greyed out in the list; drop the ring around badges

1 participant