Goal
Visually distinguish articles that are part of community priority collections throughout the Content Translation tool. This indicator appears consistently across all article lists: Suggestions, Bookmarked, Drafts(In progress), and published translations.
Design
When an article belongs to a community priority collection, display an inline badge in the metadata row to inform users of its significance.
Visibility
- Shows on any article card when the article is part of a community priority collection
- Applies to all list surfaces:
- Suggestions list (hidden when a priority collection filter is active, since all visible articles already belong to that collection)
- Bookmarked articles
- Draft translations
- Published translations
- Displays for all users regardless of translation history
Visual Design
The "Community Priority" badge appears consistently across all article lists:
| In Progress (Drafts) | Published | Suggestions (For you) |
|---|---|---|
 |  |  |
Badge:
- Text: "Community Priority"
- Icon: cdxIconUserGroup (user group icon, left of text)
- Background: @background-color-progressive-subtle (light blue tint)
- Text color: @color-progressive (blue)
- Icon color: @color-progressive (blue)
- Font-size: @font-size-small (inherits from metadata row)
- Font-weight: @font-weight-normal
- Padding: @spacing-12 @spacing-50
- Border-radius: @border-radius-pill (pill shape)
- Gap between icon and text: @spacing-25
Placement
- Positioned inline within the metadata row
- Appears before other metadata items (progress %, dates)
- Separated from other metadata by bullet separator (•)
Interaction
- Non-interactive (no hover states, no click actions)
- Purely informational indicator
- Users interact with the article card as normal
Consistency
This badge treatment matches the proposed search results indicator to maintain (T408842) visual consistency when users encounter community priority articles across different surfaces.
Related visual updates
Collection name chips in suggestion cards:
Current styling uses a light background (#f1f4fd) with progressive blue border (#36c) but black text. To align with the new community priority badge:
| Current (Production) | Proposed |
|---|---|
 |  |
| Property | Current | Proposed |
|---|---|---|
| Background | #f1f4fd | @background-color-progressive-subtle |
| Border | #36c | None |
| Text | Black | @color-progressive |
| Icon | Gray | @color-progressive |
Badge priority logic in "All collections" filter
 |
When "All Collections" filter is active:
- Regular collection articles: Display the collection name chip (e.g., "Essential Articles", "Wiki99/agriculture")
- Community priority collection articles: Display "Community Priority" badge instead of the collection name