The hover colour on events on the event calendar is offset by 50%

Event calendars & schedulers
1

For some reason, when I hover over a scheduled event in the event calendar, the hover effect is offset by 50% of the width of the event. See example below. It’s doing this with all the views. I’m using version 5.33.2.

offset

The only other css I’ve applied is as follows:

<style>
  .mbsc-timeline-row-gutter {height:6px;}
  .mbsc-timeline-resource{text-align:left}
</style>
2

Hello @Vincent_Wansink :wave:

The CSS you shared applies to the Timeline view, not the Scheduler you’re referring to.

Did this issue start occurring after upgrading to the latest 5.33.2 version?

I tested it on my end, and everything seems to be working as expected. To better understand the issue, could you share a working example or a live link where we can see the exact setup and reproduce the problem?

You’re also welcome to reach out through our support channel—we’d be happy to assist you further!

3

Well, I’m using 5.16.2 in another project, and I don’t have the problem there. In this project I just downloaded 5.33.2 and before that I’ve only been using version 4, and this entire scheduling thing is a new feature in this app, so I can’t say for sure if it’s something new with this version or not.

And I do have the same issue in the timeline view as well, but regardless, I guess this CSS is not to blame.

5

Turns out, one of the parent containers has “align=center” applied, so I added text-align:left to the schedule div and that solved the problem.

1 Like