Components are not responsive

[sejr]

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]

Any update on this issue?

[sejr]

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

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

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