Content
View differences
Updated by Marc Alcobé about 1 year ago
**As** a user
**I want to** have the same view that I have in web app for the activity tab
**so that** I clearly know where is the information
**NOTE**
The base of this redesign is the work done in ###54733 for the web app.
**Acceptance criteria**
* Update the UI to match the Primer style activity tab in the web app.
* Timeline UI with the vertical line
* Boxed style for comments
* Bullet point on the timeline for changes
* Follow the logic on what component of the timeline UI display for each cased based on the web app implementation.
* Compact all available actions for a single comment into the more icon:
* Quote reply
* Edit
* Mark as read
* Share
* When the notification is triggered by a non-comment activity, add the blue bullet and a three dots menu with the options to:
* Mark as read
* Share
* Add the option to change the sorting order (Newest on top or Newest on bottom) and remove this from the account settings.
* The comments and activity changes don't have enumeration any more anymore (e.g. # 26) #26)
* Add a filter dropdown to be able to change between:
* Show everything
* Show changes only
* Show comments only
* Ensure the size, colours, truncation logics and other topics related to text elements are following the designs.
* Ensure GitHub comments actions are available and displayed in the activity tab.
**Technical notes**
* Check how to emulate Primer styles without really using Primer libraries.
* Check the logic behind the implementation in the web app: <mention class="mention" data-id="54733" data-type="work_package" data-text="#54733">#54733</mention>.
**Out of scope**
* ###62468
* Do not implement any change on the capabilities of each activity change (e.g. click on the attachment to open a file or opening the details of a description change).
**I want to** have the same view that I have in web app for the activity tab
**so that** I clearly know where is the information
**NOTE**
The base of this redesign is the work done in ###54733 for the web app.
**Acceptance criteria**
* Update the UI to match the Primer style activity tab in the web app.
* Timeline UI with the vertical line
* Boxed style for comments
* Bullet point on the timeline for changes
* Follow the logic on what component of the timeline UI display for each cased based on the web app implementation.
* Compact all available actions for a single comment into the more icon:
* Quote reply
* Edit
* Mark as read
* Share
* When the notification is triggered by a non-comment activity, add the blue bullet and a three dots menu with the options to:
* Mark as read
* Share
* Add the option to change the sorting order (Newest on top or Newest on bottom) and remove this from the account settings.
* The comments and activity changes don't have enumeration any more
* Add a filter dropdown to be able to change between:
* Show everything
* Show changes only
* Show comments only
* Ensure the size, colours, truncation logics and other topics related to text elements are following the designs.
* Ensure GitHub comments actions are available and displayed in the activity tab.
**Technical notes**
* Check how to emulate Primer styles without really using Primer libraries.
* Check the logic behind the implementation in the web app: <mention class="mention" data-id="54733" data-type="work_package" data-text="#54733">#54733</mention>.
**Out of scope**
* ###62468
* Do not implement any change on the capabilities of each activity change (e.g. click on the attachment to open a file or opening the details of a description change).