Create chat view

[benjaminpreiss]

Create first version of chat view, detailed by the screenshots below:

This is the chat view for now:

This is the styling for the quote elements used:

Logics:

• Clicking on a post doesn't navigate, but expand the post
• For now, we enable switching by clicking on the top right sort button (so chat view is a sort option)

[benjaminpreiss]

Discussions with Erik:

1. Hold-click on a post in chat view opens context menu
2. Leave meatballs (3 dots) to activate context menu too (grandma friendly)
3. Implement auto-reply feature
4. Make images as full-screen as possible, without destroying right/left alignment
5. Click doesn't navigate in chat-view, but opens the context of this msg (reply stack + replies)

These are the wireframes that have to be implemented:

[benjaminpreiss]

Newest design to implement:

[benjaminpreiss]

Implementation procedure:

• Separate post contents into framed boxes
• Make images not full-screen in mobile view
• Show all nested posts of current breadcrumb (not only immediate children)
• Add lines on replies
• that the app pane should show up if you want to add more stuff to the view while it already full of stuff. (*)
• make full-screen button always visible, if you added at least one app or typed one letter

Example for (*):

[marcus-pousette]

Looks like the chat view changes also somehow has affected how text is rendered in the feed/thread view. I think the behaviour before that there where no borders there

[benjaminpreiss]

• reply button to reply
• writing a new message automatically replies to previous one
• either switch of auto-reply with an x icon or by clicking on another message