Read receipts in threads overlap interactive elements

[bmarty]

Steps to reproduce

1. Open a thread
2. Edit a message

Outcome

What did you expect?

Nice UI

What happened instead?

Operating system

MacOS

Application version

Element version: b924594-react-d4f1c573adf1-js-a12e6185f9cc Olm version: 3.2.12

How did you install the app?

develop.element.io

Homeserver

Any I guess

Will you send logs?

No

[kerryarchibald]

Related to #23569?

[luixxiul]

This is reproduced on modern layout, not bubble message one.

Fixed locally, which should be pushed as PR once matrix-org/matrix-react-sdk#9016 is merged.

It turned out that displaying the read receipt group in its full width needed a lot of space on the thread panel, which creates a similar problem like #21890.

I think we want to avoid this layout, based on the main timeline.

I guess limiting the number of avatars in read receipt might need to be decreased, otherwise it would not be possible for the read receipt to avoid overlapping the save button.

Hiding it while the post is edited can be an option too.

Input on the design is appreciated.

[t3chguy]

Also applies to video controls as per #25350