Content
View differences
Updated by Marc Alcobé about 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**
* This affects three work packages lists in the modules: Home, Notification centre and Work Packages.
* 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. That height depends on the module:
* Home: 72px.
* Work packages: 72px.
* Notification centre: 94px.
* Reminders are the only exception to the fix height, allowing 2 extra lines of text in the latest row in order to display the reminder notes.
* 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.
* Change the font size of the work package subject to 14px.
* Ensure all other information texts (notification time, status, project, type, ID…) has a font size 12px.
* In the notification centre move the notification reason to the last line before the time.
**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
**Figma link**
https://www.figma.com/design/eoou5GZRfSyoO3oYSzPkxn/Mobile-App---Work-package-list?node-id=12-273
**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**
* This affects three work packages lists in the modules: Home, Notification centre and Work Packages.
* 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. That height depends on the module:
* Home: 72px.
* Work packages: 72px.
* Notification centre: 94px.
* Reminders are the only exception to the fix height, allowing 2 extra lines of text in the latest row in order to display the reminder notes.
* Change the font colour of the ID to grey and make it Regular.
* Change the font of the status to Regular.
* Change the font size of the work package subject to 14px.
* Ensure all other information texts (notification time, status, project, type, ID…) has a font size 12px.
* In the notification centre move the notification reason to the last line before the time.
**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
**Figma link**
https://www.figma.com/design/eoou5GZRfSyoO3oYSzPkxn/Mobile-App---Work-package-list?node-id=12-273