Goal
Show collection context on the Confirmation screen to inform users that the article they're about to translate is part of a community-nominated priority collection.
Design
When a user reaches the confirmation screen for an article that belongs to a community priority collection, display a visual indicator grouping the badge and collection name together.
Visibility
- Shows on confirmation screen when the article is part of a community priority collection
- Displays for all users regardless of translation history
- Positioned below article statistics (language count, views, time estimate)
Visual Design
 |  | |
Container:
- Background: @background-color-progressive-subtle (light blue tint)
- Border-radius: @border-radius-base (rounded corners)
- Padding: @spacing-75
- Width: Full width of article information section
Badge:
Badge:
- Text: "Community Priority"
- Icon: cdxIconUserGroup (user group icon, left of text)
- Text color: @color-progressive (blue)
- Icon color: @color-progressive (blue)
- Font-size: @font-size-small
- Font-weight: @font-weight-semi-bold
- Padding: 0 (no padding since container provides spacing)
- No background color (container has the blue tint)
- No border-radius applied to badge itself
Collection Name:
- Positioned below badge with @spacing-25 gap
- Text color: @color-subtle (gray)
- Font-size: @font-size-small
- Font-weight: @font-weight-normal
- Single line with ellipsis truncation for overflow
Placement
- Located below article statistics row
- Above language selector dropdowns
- Part of article information section
Interaction
- Non-interactive (no hover states, no click actions)
- Purely informational indicator
- Users can proceed for translation as they do it normally.