Content
View differences
Updated by Henriette Darge 5 days ago
**Acceptance criteria**
* There is a standardized component for WorkPackageCards
* The component consists of:
* First row
* WP InfoLine
* Assignee (optional)
* Priority (optional)
* StoryPoints (optional)
* A drag handle (optional)
* A three dots menu (optional)
* Second row
* WP title (as link)
* Third row
* If present: Parent WP (as link but in black)
* Fourth row
* A flexbile slot for additional stuff at the bottom (optional)
* When the cards are small, we do some visual optimizations: On mobile:
* The avatars Assignee and priority drop their label (starting from a card width below 767px (medium breakpoint)
* Type starts truncating if necessary (but keeps a minimal width of 50px)
* The first row does not wrap or push outside of the card container
* On mobile:
* priority drop their label There is no overlapping
* This card component shall be used within the new Backlogs view
**Technical notes**
* The component is written in Rails/ ViewComponent
* There is a standardized component for WorkPackageCards
* The component consists of:
* First row
* WP InfoLine
* Assignee (optional)
* Priority (optional)
* StoryPoints (optional)
* A drag handle (optional)
* A three dots menu (optional)
* Second row
* WP title (as link)
* Third row
* If present: Parent WP (as link but in black)
* Fourth row
* A flexbile slot for additional stuff at the bottom (optional)
* When the cards are small, we do some visual optimizations:
* The avatars
* Type starts truncating if necessary (but keeps a minimal width of 50px)
* The first row does not wrap or push outside of the card container
* On mobile:
* priority drop their label
* This card component shall be used within the new Backlogs view
**Technical notes**
* The component is written in Rails/ ViewComponent