Flexible calendar height
bruceharrison1984 opened this issue · 2 comments
The height of days is currently hard coded via SCSS. While the calendar is nicely responsive horizontally, it is not responsive vertically at all.
Ideally the total height could be set via the container Schedulely resides in.
The total number of possible visible events in a day would be determined by the height, and overflow events would be hidden similar to how they are now.
The current event hiding is CSS based on nth-child and hard coded, so it pays no respect to element dimensions whatsoever.
Tried implementing a solution that uses ref and bounding boxes to allow dynamic height. It works, but is extremely slow and the calendar events flicker. This is because you cannot calculate the bounds of an element without first rendering it.
This works, but the calendar body does not honor the parent container height. This causes visual problems because it can overlap components below it in the tree. Making a new issue.