Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
evtyz opened this issue May 22, 2021 · 0 comments
Labels
design Tasks relating to design frontend Tasks relating to frontend

Comments

@evtyz
Copy link
Member

evtyz commented May 22, 2021

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?

@evtyz evtyz added frontend Tasks relating to frontend design Tasks relating to design labels May 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Tasks relating to design frontend Tasks relating to frontend
Projects
None yet
Development

No branches or pull requests

1 participant