Short events are almost invisible in weekly/daily view

[tadzik]

With the event short enough (15 minutes or less) it becomes almost invisible, and certainly unreadable in weekly/daily view with default styling.

Stackblitz example: https://stackblitz.com/edit/angular-bshxze?file=demo%2Fcomponent.ts (forked off of kitchen-sink demo).

Screenshots

Versions

Reproducible on 0.28.5 (latest at the time of writing) on both Angular 8 and 9.

[mattlewis92]

Hey there, thanks for opening an issue. It's certainly a bit of a weird UX, I think there should be an option to set the minimum height of events on the day and week view and this is something I'll work on adding.

In the meantime you can use a fake end date like this to set a minimum height of 30 pixels: https://stackblitz.com/edit/angular-bshxze-wccw8h?file=demo/component.ts

You could also use the hourSegments option to make each segment bigger: https://mattlewis92.github.io/angular-calendar/#/day-view-hour-split

Let me know if that works for you 😄

[tadzik]

We already use fake end dates extensively for ical integration, so this feels right at home ;)

Thanks, and let me know if a builtin solution becomes available :)

[mattlewis92]

Hey there, I just released a beta of 0.29 with this fix. You can find instructions on how to update to it here: #1249 Please can you give it a try and let me know if it works for you, thanks! 😄

[tadzik]

Yep, this fixes it for us :)

[mattlewis92]

Awesome, that's great to hear! 😄