meeting-for-good icon indicating copy to clipboard operation
meeting-for-good copied to clipboard

Not mobile friendly

Open Bouncey opened this issue 7 years ago • 10 comments

Not sure if this was a design decision, but the app is hard to navigate in mobile and there is information missing, i.e. who has submitted availability.

iPhone 5C, safari, latest iOS

Unable to use a different browser as this is a works phone

Bouncey avatar Jun 13 '17 11:06 Bouncey

@Bouncey Its a initial design decision. But any help to enhance this aspect will be more them welcome!

jrogatis avatar Jun 13 '17 13:06 jrogatis

I tried this with my iPhone 5C with Safari and agree that it is complicated to navigate, but not impossible. I was able to view an event I'd made previously, make some availability changes, and see all of the availability grid. I had to zoom in order to use the availability grid and swipe the display to one side or the other to see the entire display.

anischyros avatar Jun 14 '17 00:06 anischyros

We need to refactor the grid component to be able to zoom in and out and scroll thru the days.

jrogatis avatar Jun 15 '17 04:06 jrogatis

I used it in Chrome on an Android phone and i noticed most parts of the website are responsive but the details page of the event(after you click "View Details") is not responsive. That makes it hard to use.

Also I am not able to swipe the grid on my mobile phone, it just doesn't respond.

chemok78 avatar Jul 27 '17 03:07 chemok78

@chemok78. Yap this component is the most important of the app. and is by design not responsive yet. Any help with ideas to improve that will be welcome!

jrogatis avatar Jul 29 '17 21:07 jrogatis

Hello,

I'd like to help with this, but I am a beginner in React.

I already have everything setup and I can run a local version on my computer and phone. Any hints on where should I start?

staadecker avatar Aug 31 '17 10:08 staadecker

about this @SUPERETDUPER . The main issue here is to figure out a possible refactor at the main component the grid. It's a good challenge, but maybe you need some time to understand react first.

jrogatis avatar Sep 10 '17 13:09 jrogatis

@jrogatis I'll try and we'll see what happens :).

staadecker avatar Sep 10 '17 13:09 staadecker

I think I do not have enough understanding of React to do this yet so if anyone else wants to work on this go ahead.

staadecker avatar Sep 28 '17 00:09 staadecker

it's a hard one @SUPERETDUPER, this is by far the most complex component of the app...

jrogatis avatar Sep 28 '17 01:09 jrogatis