fix: z-index inside attachment preview

[szuperaz]

🎯 Goal

This PR affects both Angular and React (I tested with the React vite example app).

Issue: the delete and retry icons had higher z-index than the channel list menu, causing a visual glitch

[myandrienko]

Is there ever a case when something from the channel should overlay something from the channel list? If not, maybe we can make the whole channel its own stacking context with z-index below channel list?

I understand if that's too scary of a change, so this PR works for me too 🐸

[szuperaz]

Is there ever a case when something from the channel should overlay something from the channel list? If not, maybe we can make the whole channel its own stacking context with z-index below channel list?

I understand if that's too scary of a change, so this PR works for me too 🐸

This issue can also cause problems inside the channel, because the icons could appear above the floating message menu (at least for Angular), so we still need this as well.

Still, your suggestion makes sense, but yes, it's scary.

[github-actions]

🎉 This PR is included in version 5.1.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀