Content
View differences
Updated by Marc Alcobé over 1 year ago
**As** a user
**I want to** see as much as possible from the work package title
**so that** I don't have to open it to see if it's the work package I want
**Acceptance criteria**
* Update the work package list element to accept 2 lines of text
* Truncate the work package subject at the end of the second line
* Make that all elements of the list have the same height no matter how many lines the subject has. In Figma that height is 80px.
* Move the status to the first line of each list item.
* Change the font colour of the ID to grey and make it Regular.
* Change the font of the status to Regular.
**Out of scope**
* Implement the change of position of the project selector designed in the mockups
* Implement the filter and sort options designed in the mockups
**Visuals**
<img class="image_resized op-uc-image op-uc-image_inline" style="width:212px;" src="/api/v3/attachments/259935/content"> style="width:180px;" src="/api/v3/attachments/255436/content">
**Figma link**
https://www.figma.com/design/eoou5GZRfSyoO3oYSzPkxn/Mobile-App---Work-package-list?node-id=2001-1207&t=09dl7od7OVsEiR9X-4
**I want to** see as much as possible from the work package title
**so that** I don't have to open it to see if it's the work package I want
**Acceptance criteria**
* Update the work package list element to accept 2 lines of text
* Truncate the work package subject at the end of the second line
* Make that all elements of the list have the same height no matter how many lines the subject has. In Figma that height is 80px.
* Move the status to the first line of each list item.
* Change the font colour of the ID to grey and make it Regular.
* Change the font of the status to Regular.
**Out of scope**
* Implement the change of position of the project selector designed in the mockups
* Implement the filter and sort options designed in the mockups
**Visuals**
<img class="image_resized op-uc-image op-uc-image_inline" style="width:212px;" src="/api/v3/attachments/259935/content">
**Figma link**
https://www.figma.com/design/eoou5GZRfSyoO3oYSzPkxn/Mobile-App---Work-package-list?node-id=2001-1207&t=09dl7od7OVsEiR9X-4