search

RocketChat / EmbeddedChat

An easy to use full-stack component (ReactJS) embedding Rocket.Chat into your webapp
https://rocketchat.github.io/EmbeddedChat/docs
113 stars 228 forks source link

Message Box Misalignment in Large Box Viewport #616

Open smritidoneria opened 2 months ago

smritidoneria commented 2 months ago

Description:

When the viewport is set to a large box, the message box does not align properly and has unexpected space at the bottom.

Steps to reproduce:

  1. Open the embedded chat.
  2. Set the viewport to a large box. 3.Observe the message box.

Expected behavior:

The message box should align properly without any unexpected space at the bottom.

Actual behavior:

https://github.com/user-attachments/assets/38201537-5f97-4766-8c42-1216c2e2ce9f

smritidoneria commented 2 months ago

hey @Spiral-Memory ,This might be a bug in the default Storybook configuration.

Spiral-Memory commented 2 months ago

Currently, it's not very mobile-responsive, but it is no doubt a need! You can work on this and other mobile responsiveness issues. For example, the sidebar should cover the entire space in mobile mode. Feel free to address any other responsiveness issues you find.

Spiral-Memory commented 1 month ago

Hey @smritidoneria

Are you working on resolving this ?

smritidoneria commented 1 month ago

No @Spiral-Memory , I'm currently tied up with another task and can't work on this

abirc8010 commented 1 month ago

Hi , I have made a PR . Could you please review it?