Skip to content

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

Open
@evtyz

Description

@evtyz

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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    designTasks relating to designfrontendTasks relating to frontend

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions