search

AmericanRedCross / damage-assessment-bot

Chatbot for immediate damage and needs assessments
BSD 3-Clause "New" or "Revised" License
7 stars 3 forks source link

chatbot cards not displaying well on mobile #170

Open danbjoseph opened 5 years ago

danbjoseph commented 5 years ago

related #122

the chatbot cards run off the screen of the device i’m testing on (Moto X4 running Andoid 9) screenshot_20190108-135257

danbjoseph commented 5 years ago

via @maxnorth

The CSS needs a second pass to support the parts of the app that need to be responsive. We'll make sure these issues get addressed. Question for you - what should happen when the user navigates to the dashboard on a small device? display a message that the page is not supported on mobile and link to the chat bot, or just automatically redirect to the chat?

danbjoseph commented 5 years ago

not sure on the default behavior on small devices. is there any way to get something more like a progressive web app experience (hide the extra top bit, and can add a link/icon to your home phone screen)? if they get linked to the chatbot from a FB page, it will open in the FB app web browser (similar to when i opened it in Slack as shown in the first screengrab above)? opening in Chrome still loses screen real estate to the browser bar: screenshot_20190108-144051