[58256] header and sidebar menu should be hidden while pressing zen mode button

[bsatarnejad]

What are you trying to accomplish?

Add an event to this button while clicking on it.

Integration

We should listen to this event, then we can add or remove zen-mode class on body element.

Closes https://community.openproject.org/projects/openproject/work_packages/58256/activity

Risk Assessment

• Low risk the change is small, highly observable, and easily rolled back.
• Medium risk changes that are isolated, reduced in scope or could impact few users. The change will not impact library availability.
• High risk changes are those that could impact customers and SLOs, low or no test coverage, low observability, or slow to rollback.

What approach did you choose and why?

Add a click event for button, then in core we will listen to this event and show or hide the header and sidebar by adding or removing zen-mode class on body element.

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Lookbook)
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge

[changeset-bot]

🦋 Changeset detected

Latest commit: 2cc6cb7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@openproject/primer-view-components	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR