liveview-native / elixirconf_chat

ElixirConf 2023 Chat App, built with LiveView Native
27 stars 6 forks source link

Web -> Mobile Viewport -> Hide / Show Chat View based on whether room is selected #27

Open supernintendo opened 10 months ago

pursuitofleisure commented 10 months ago

@supernintendo I created a draft PR with some of the styling updates and proposed logic. I marked "TODO" in the PR details where interactivity needs to occur. Open to any suggestions as well.

The basic idea is toggling a hidden class between the schedule and messages windows that will only affect mobile. On tablet/desktop, the CSS will naturally override the hidden class and show both sections.