Content
View differences
Updated by Marc Alcobé about 1 year ago
**As** a user
**I want to** have an improved and clear experience when seeing work packages
**so that** I clearly know how to take actions
**Acceptance criteria**
* Replace the bottom action bar with all the actions available in all tabs with an individual prominent action in a FAB:
* Overview: Edit
* Activity: Comment
* Files: Attach file
* Relations: Add relation
* Watchers: Add watcher
* Move this actions to the top bar:
* Mark all as read (when there are notifications associated to that work package)
* Watch/Unwatch
* Copy link to clipboard (inside more menu)
* Log time (inside more menu)
* Add attachment (inside more menu)
* Delete (if user has permissions and inside more menu)
* Update the tabs bar:
* Change the colours to fit new Primer approach
* Include badges to all tabs (Files, Relations, and Watchers) if there are links into them.
* Only the activity tab badge can be blue when there are unread notifications.
* Remove all the options for bulk selecting from the top bar.
* Move the ID of the work package between the work package type and the status.
**Technical notes**
* Check how to emulate Primer styles without really using Primer libraries.
**Out of scope**
* Any tab content related implementation as this will be tackled in separate work packages: <mention class="mention" data-id="60165" data-type="work_package" data-text="#60165">#60165</mention>, <mention class="mention" data-id="61456" data-type="work_package" data-text="#61456">#61456</mention>, <mention class="mention" data-id="61447" data-type="work_package" data-text="#61447">#61447</mention>, <mention class="mention" data-id="61457" data-type="work_package" data-text="#61457">#61457</mention>, and <mention class="mention" data-id="61455" data-type="work_package" data-text="#61455">#61455</mention>.
**I want to** have an improved and clear experience when seeing work packages
**so that** I clearly know how to take actions
**Acceptance criteria**
* Replace the bottom action bar with all the actions available in all tabs with an individual prominent action in a FAB:
* Overview: Edit
* Activity: Comment
* Files: Attach file
* Relations: Add relation
* Watchers: Add watcher
* Move this actions to the top bar:
* Mark all as read (when there are notifications associated to that work package)
* Watch/Unwatch
* Copy link to clipboard (inside more menu)
* Log time (inside more menu)
* Add attachment (inside more menu)
* Delete (if user has permissions and inside more menu)
* Update the tabs bar:
* Change the colours to fit new Primer approach
* Include badges to all tabs (Files, Relations, and Watchers) if there are links into them.
* Only the activity tab badge can be blue when there are unread notifications.
* Remove all the options for bulk selecting from the top bar.
* Move the ID of the work package between the work package type and the status.
**Technical notes**
* Check how to emulate Primer styles without really using Primer libraries.
**Out of scope**
* Any tab content related implementation as this will be tackled in separate work packages: <mention class="mention" data-id="60165" data-type="work_package" data-text="#60165">#60165</mention>, <mention class="mention" data-id="61456" data-type="work_package" data-text="#61456">#61456</mention>, <mention class="mention" data-id="61447" data-type="work_package" data-text="#61447">#61447</mention>, <mention class="mention" data-id="61457" data-type="work_package" data-text="#61457">#61457</mention>, and <mention class="mention" data-id="61455" data-type="work_package" data-text="#61455">#61455</mention>.