loolabs / waterpark

Waterloo's social park
http://waterpark.loo-labs.vercel.app
ISC License
4 stars 0 forks source link

Modify Calendar View and toggle buttons to improve visual appeal/accessibility #120

Open evtyz opened 3 years ago

evtyz commented 3 years ago

This is better explained via pictures. You can try to reproduce this yourself.

image The toggle buttons on the top become shifted to the centre before the actual calendar in tablet-like displays. (This was done to keep consistency with List View.) It makes this page a little awkward though.

image Once the calendar shifts too, there is a lot of wasted space to the left. (This was also done to keep consistency with List View.) On smaller displays, it also cuts off part of the calendar. For reference, this is what Figma says the page should look like. image There is no left margin here.

The biggest (design) concern is: how do we resolve these issues while having the page layout stay consistent with List View?