Components are not responsive

sejr / react-messenger

Chat UX components built with React, inspired by Facebook Messenger

MIT License

230 stars 62 forks source link

Components are not responsive #2

Open sejr opened 5 years ago

sejr commented 5 years ago

Not only do we want to support desktop browsers when they are resized to be small, but we also want the whole suite of components to perform well on mobile browsers.

[ ] Compose
[ ] ConversationList
[ ] ConversationListItem
[ ] Message
[ ] MessageList
[ ] Messenger
[ ] Toolbar
[ ] ToolbarButton

shabab477 commented 5 years ago

Any update on this issue?

sejr commented 5 years ago

@shabab477 Unfortunately not. I would like to put some time into it at some point and figure out how it would work. It would entail more than just adding CSS media queries (ideally), because on mobile devices, this UI should have a "master-detail" structure.

Happy to review PRs in the meantime. Also would like to rewrite them using hooks.

shabab477 commented 5 years ago

@sejr I did work a version where I use grid and media queries to make it responsive. It was mostly a quick fix. An ideal solution should be that the sidebar is collapsible on mobile view and expanded on desktop view

Kunal0220 commented 2 years ago

@sejr Hey you need any help in this ? I would love to do so!