search

RocketChat / Rocket.Chat

The communications platform that puts data protection first.
https://rocket.chat/
Other
39.98k stars 10.31k forks source link

Not responsive for some of the devices #31778

Open gudia18 opened 6 months ago

gudia18 commented 6 months ago

Description: The Rocket.Chat application is not responsive for some devices, could lead to usability issues.

Steps to reproduce:

  1. Go to the Rocket.Chat home page.
  2. Open the browser's developer tools (usually by right-clicking on the page and selecting "Inspect"). In the developer tools, find and click on the "Toggle Device Toolbar" icon (usually represented as a phone or tablet icon). Select different devices from the dropdown menu to simulate responsiveness (e.g., iPhone, iPad, Galaxy S5, etc.). Check if the Rocket.Chat interface is responsive on each selected device.

Expected behavior:

  1. The Rocket.Chat interface should adapt and be responsive on various devices.
  2. Elements on the page should be properly rearranged and resized for optimal viewing.
  3. Navigation menus and buttons should be easily accessible and usable on both desktop and mobile devices.
  4. Text and images should scale appropriately to ensure readability across different screen sizes.
  5. The user interface should provide a seamless and user-friendly experience regardless of the device being used.

Actual behavior: rocket1

Solution : Modify the css : media query

arjunrathod91 commented 6 months ago

Hey @gudia18, Hope you are doing well. My name is Arjun and I am a MERN stack developer. I love to play with css and very confordable in media quories. This issue look interesting. I thought that I can work on this. Can you please assign this to me?

Thanush19 commented 6 months ago

hey @gudia18 , if the isssue is not resolved yet, i can work on this...

ninadvyas commented 2 months ago

Hello I would like to work on this issue.