Layout on hours column is messy about angularjs-responsivecalendar HOT 6 CLOSED

@leceal Could you print out your event object to see what's the startTime and endTime? Is it a standard date object? Is the event start hour displayed correct, only the end hour wrong?

from angularjs-responsivecalendar.

Hey, thanks for you incredible fast answer. Yeah, it is a standar Date object, i'm attaching two pics where you can see two events:

Event One = 00:00 - 18:00
Event Two = 02:00 - 18:00

Both end at same time but start on different times, and you can see the layout for the start time is perfect, but the end time is messy hahaha.

Thanks for your help

from angularjs-responsivecalendar.

@leceal Which timezone are you in?

from angularjs-responsivecalendar.

(UTC-03:00) Santiago.

from angularjs-responsivecalendar.

Found the "error" is on the view (HTML/CSS side). The class "calendar-hour-column" is at 50px, which make the hours 10, 11, 12 to do a line break with the "A.M" or "P.M", which make the "height" of those rows thicker, which make the "event filler formula" (left: 100/displayEvent.overlapNumberdisplayEvent.position+'%', width: 100/displayEvent.overlapNumber+'%', height: 37(displayEvent.endIndex-displayEvent.startIndex)+'px') to fail filling correctly the event

from angularjs-responsivecalendar.

@leceal OK. The 50px width is only for the default text. If you need to provide customized text, you need to override CSS to make the hour column wider.

from angularjs-responsivecalendar.