Sidebar Overlaps Thread Panel When Resizing Browser Window

[Anxhul10]

Description:

When resizing the browser window while a thread is open in a channel, the thread panel takes up the entire screen, but the sidebar remains open, overlapping the content.

Steps to reproduce:

1. Open Rocket.Chat in a browser.
2. Resize the browser window to about half the screen width.
3. Open a thread in any channel.
4. Gradually reduce the browser width further.
5. Observe that at a certain point, the thread panel expands to take the full screen while the sidebar remains visible.

Expected behavior:

When the thread panel takes full screen on small window sizes, the sidebar should automatically collapse to ensure a clean layout.

Actual behavior:

The thread panel takes up the entire screen, but the sidebar remains open, causing an overlap and layout issues.

Server Setup Information:

• Version of Rocket.Chat Server: open.rocket.chat

Client Setup Information

• Desktop App or Browser Version:firefox 136.0.1 (64-bit)
• Operating System:Ubuntu 24.04.2 LTS

Additional context

side.bar.issue.rc.mp4

If anyone wants to work on this issue, feel free to open a PR. Contributions are welcome, and the first valid PR will be considered. Thank you!

[Swatibharti46]

@Anxhul10 I would like to work on this issue

[jeetnik]

@Anxhul10 ! I’d love to work on this issue. Can I take it?