sejr / react-messenger

Chat UX components built with React, inspired by Facebook Messenger

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Components are not responsive

sejr opened this issue · 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

Any update on this issue?

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

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