fullcalendar / fullcalendar

Full-sized drag & drop event calendar in JavaScript
https://fullcalendar.io
MIT License
18.55k stars 3.61k forks source link

increase event's z-index on hover #3682

Open atilleul opened 7 years ago

atilleul commented 7 years ago

Adam, When slotEventOverlap option is true, events may be under other ones which decrease the readability of, for instance, the title: the last part of the title would be visually behind another event. My suggestion is to increase the z-index of fc-event when an event is hovered by the mouse. It would override z-index set by JS, which seems quite simple to implement I think. What do you think?

arshaw commented 7 years ago

Could be cool. Will see if others demand the same thing. Thanks

ernestopinchaaqui commented 6 years ago

+1

Vergilfox commented 6 years ago

This CSS will do the trick: .fc-time-grid:hover .fc-event:hover, .fc-time-grid:hover .fc-bgevent:hover { z-index: 100 !important; }

pasmai commented 1 month ago

The css classes have updated and in the meantime this works for me:

.fc-timegrid-event-harness:hover {
  z-index: 100 !important;
}