Multiple Event Same Day

jackducasse / caleandar

A lightweight, library independent JavaScript calendar

MIT License

80 stars 41 forks source link

Multiple Event Same Day #8

Closed n04x closed 5 years ago

n04x commented 5 years ago

It seems that if I have 2 events in the same day, the second one override the first one...

n04x commented 5 years ago

In fact, after further test, both are shown but they are laying on top of each other instead of dividing properly.

n04x commented 5 years ago

I solved it, added a new css: .calendar-title:nth-child(n) in it example:

.cld-title:nth-child(n+2) {
    top: 60px;
}
.cld-title:nth-child(n+3) {
    top: 85px;
}

Ans so on...

wolffe commented 5 years ago

I solved it by giving the title relative positioning and floating the .cld-title right. It's hacky for now, but I intend to rewrite it using Flex CSS.