**As** a Begin of the insertionuserEnd of the insertion Begin of the deletion \[enter role of user\]End of the deletion
**I want to** Begin of the insertionhave a cleaner mobile app UIEnd of the insertion Begin of the deletion \[enter objective\]
**so that** \[enter desired result\]End of the deletion

Begin of the insertion###End of the insertion **Acceptance criteria**

Begin of the insertion**General:**

End of the insertion * Begin of the insertion[ ] Follow the [designs provided here](https://www.figma.com/design/9zXQagoG1YlIhWCnbPGC69/Mobile-app---Navigation?node-id=1-4558) to update the UI of the app.
End of the insertion Begin of the deletion <br>


**Technical notes**

End of the deletion * Begin of the insertion[ ] Follow the [designs provided here](https://www.figma.com/design/9zXQagoG1YlIhWCnbPGC69/Mobile-app---Navigation?node-id=0-1) to implement the scroll behaviour of the new top bar.
* [ ] Ensure the OS elements (Wi-Fi status, clock…) have the correct colour in the app to have contrast with the backgroundEnd of the insertion Begin of the deletion <br>


**Permissions and visibility considerations**End of the deletion

Begin of the insertion**Global modules:**

End of the insertion * Begin of the insertion[ ] The bottom bar to navigate between modulesEnd of the insertion Begin of the deletion _To whomEnd of the deletion is Begin of the insertionupdated to a more modern one as [designed in Figma](https://www.figma.com/design/9zXQagoG1YlIhWCnbPGC69/Mobile-app---Navigation?node-id=1-4558).
End of the insertion Begin of the deletion this feature visible?_

End of the deletion * Begin of the insertion[ ] The blue top barEnd of the insertion Begin of the deletion _WhenEnd of the deletion is Begin of the insertionremoved and substituted with a more clean and transparent header.
* [ ] The header now contains the title, the specific actions of the module, the search, and the user avatar.
* [ ] The floating buttons are removed, and the actions are now done through the top bar.
* [ ] The background colours of the pages are white, besides the home screen that uses the muted colour.
* [ ] The actions on lists are aggregated all into a horizontal scrolling bar on top of the list with the order: search icon, view toggle (if existing), query selectors, filters, sorting, and grouping.End of the insertion Begin of the deletion it not visible?_


**Translation considerations**End of the deletion

Begin of the insertion**Projects module:**

End of the insertion * Begin of the insertion[ ] The status of the project/portfolio/program is now combined with the type in the headerEnd of the insertion Begin of the deletion _Key termsEnd of the deletion and Begin of the insertionnot as a widget. [See mockups here](https://www.figma.com/design/9zXQagoG1YlIhWCnbPGC69/Mobile-app---Navigation?node-id=59-11809&t=KlJGMtocLIAJyKOJ-4).
* [ ] The actions on lists are aggregated all into a horizontal scrolling bar on top of the list.

**Time tracking module:**

* [ ] All specific changes of the time tracking module are doneEnd of the insertion Begin of the deletion phrasesEnd of the deletion in the Begin of the insertionscopeEnd of the insertion Begin of the deletion key languages_&nbsp;


**OutEnd of the deletion of Begin of the insertion<mention class="mention" data-id="67905" data-type="work_package" data-text="###67905">###67905</mention>End of the insertion Begin of the deletion scope**End of the deletion

Begin of the insertion**Work packages module:**

End of the insertion * Begin of the insertion[ ] In a work package detail, there are no longer floating buttons with the main actions. These are transportedEnd of the insertion Begin of the deletion <br>


_Set the_ **To be informed/consulted teams** _fieldEnd of the deletion to Begin of the insertionthe top bar.
* [ ] The three dots menu on the top bar should always offer the actions (in order):
* [ ] Share
* [ ] Add attachment
* [ ] Log time
* [ ] Start timer
* [ ] Watch work package
* [ ] Set reminder
* [ ] Delete (if user has permissions)
* [ ] In the edit mode of a work package details, ensure the bottom bar with the confirmation buttons uses the colour muted as background.
* [ ] In the edit mode of a work package details, transform the chips for project, type, and statusEnd of the insertion Begin of the deletion include all teams necessaryEnd of the deletion to Begin of the insertionfull round chips.

**Global search:**

* [ ] Update the search to look [Primer style as designed here](https://www.figma.com/design/9zXQagoG1YlIhWCnbPGC69/Mobile-app---Navigation?node-id=59-12764&t=KlJGMtocLIAJyKOJ-4).
* [ ] The actions on lists are aggregated all into a horizontal scrolling bar on topEnd of the insertion Begin of the deletion be informedEnd of the deletion of the Begin of the insertionlist.

### **Technical notes**

* ###End of the insertion Begin of the deletion changes._End of the deletion