react-messenger icon indicating copy to clipboard operation
react-messenger copied to clipboard
verified publisher icon sejr

Components are not responsive

Open sejr opened this issue 7 years ago • 4 comments

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

sejr avatar Jan 09 '19 04:01 sejr

Any update on this issue?

shabab477 avatar Jun 19 '19 06:06 shabab477

@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.

sejr avatar Jun 25 '19 14:06 sejr

@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

shabab477 avatar Jun 25 '19 16:06 shabab477

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

Kunal0220 avatar Jan 09 '22 18:01 Kunal0220