[FIX, #6852] bug/missing buttons on zoomed in pictures #6852

[ben-biddington]

Contributor checklist:

• My contribution is not related to translations.
• My commits are in nice logical chunks with good commit messages
• My changes are rebased on the latest main branch
• A npm run ready run passes successfully (more about tests here)
• My changes are ready to be shipped to users

Description

Resolves the issue described by Missing buttons on zoomed-in pictures. The change to set the opacity to 0 was introduced in 7dca544 (Oct 13, 2021), so has been around for a long time.

Before

This picture show the problem: there are no controls in the top right corner.

After

With the proposed change you can see that the zoomed-in view now has the conversation name and controls visible.

The __container--zoom class is only used in this one place.

There are two commits here, the first is a new failing test, and the second is the change that makes the test pass.

I also have a general question about getting back the ids of messages and conversations. Having ids of things available would make UI selection easier. I looked through the mock server and other tests but can't work out how to do it.

[ben-biddington]

Converted to draft because I am adding a test

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.