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. text
* Truncate the work package subject at the end of the second line. line
* Make that all elements of the list have the same height no matter how many lines the subject has. That In Figma that height depends on the module:
is 80px.
* Home: 72px.
* Work packages: 72px.
* Notification centre: 94px.
* 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
**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=12-273 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**
* 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
* Work packages: 72px.
* Notification centre: 94px.
* 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
<img class="image_resized op-uc-image op-uc-image_inline" style="width:212px;" src="/api/v3/attachments/259935/content">
https://www.figma.com/design/eoou5GZRfSyoO3oYSzPkxn/Mobile-App---Work-package-list?node-id=12-273