**As an** OpenProject user
**I want to** avoid inadvertently marking all my notifications as read
**So that** I don't lose valuable information such as which work packages need my attention

**Context**

This is a short-term solution to fix two problems:

* The 'Mark as read' button is too long and the buttons overlap on mobile

* This will eventually be replaced with an icon button in the scope of Primerised sub-headers ##60332

* There is no warning to the user before the action is executed

* There will eventually be an undo action for this, so no warning will be necessary: ##61404


**Acceptance criteria**

In Notification center,  

* Begin of the insertion_\[~~open\]End of the insertion Begin of the deletion _\[open\]End of the deletion Change the label on the Mark all as read' button to "Clear Begin of the insertionall"~~_End of the insertion Begin of the deletion all"_End of the deletion

* Begin of the insertion~~DE:End of the insertion Begin of the deletion DE:End of the deletion "Liste Begin of the insertionleeren"~~End of the insertion Begin of the deletion leeren"End of the deletion

* Begin of the insertion~~FR:End of the insertion Begin of the deletion FR:End of the deletion "Vider la Begin of the insertionliste"~~End of the insertion Begin of the deletion liste"End of the deletion

* Begin of the insertion~~ES:End of the insertion Begin of the deletion ES:End of the deletion "Leer Begin of the insertiontodos"~~End of the insertion Begin of the deletion todos"End of the deletion

* Show a native browser confirmation with the following text:

* Message: "This will mark all notifications in this view as read. Are you sure you want to do this?" Begin of the insertion

* When no unread notifications exist (and therefore the button doesn't do anything), the button goes into a disabled state.

End of the insertion Begin of the deletion

End of the deletion <br> Begin of the insertion


End of the insertion Begin of the deletion


End of the deletion **Technical notes**

* Please Begin of the insertionkeepEnd of the insertion Begin of the deletion updateEnd of the deletion existing translation strings instead of creating a new one:

* Key: `js.notifications.center.mark_all_read`


**Permissions and visibility considerations**

* None