fullcalendar версия 4 css проблема

Я использую fullcalendar версии 4. У меня есть два рендера fullcalendar для приложения, которое я создаю. В мини-календаре слева от основного календаря есть небольшая проблема с CSS. Когда я нажимаю на ссылку, если есть «больше событий», чтобы показать, чем то, что может быть отображено в крошечном блоке календаря, открывающееся всплывающее окно, кажется, не отображается во временных интервалах основного календаря.

Вот скриншот того, о чем я говорю.

Я попытался добавить свойство zindex css 999999 (в качестве начала) в class = fc-popover fc-more-popover, но, похоже, ничто не заставляет всплывающее окно появляться над линиями временной сетки и подробностями времени в календаре рядом с ним .

ca


person chris.cavage    schedule 15.12.2019    source источник
comment
Вы пробовали! Important с z-index, например z-index: 999999! Important?   -  person Khurram Ishaque    schedule 15.12.2019
comment
Вы можете проверить z-index календаря временной сетки, это может быть больше, чем значение, которое вы указали, чем вам может потребоваться придать большее значение z-index для всплывающего окна.   -  person Khurram Ishaque    schedule 15.12.2019
comment
Я пробовал это, да. Мне кажется, что элемент с class = fc-view-container (правильный календарь) не позволит мне покрыть элемент class = fc-popover fc-more-popover Я пытаюсь добавить более высокий z-index с! important для всплывающего окна, а также пытается добавить меньший z-индекс к временной сетке. Я все еще работаю над этим. Спасибо.   -  person chris.cavage    schedule 15.12.2019


Ответы (1)


Я добавляю этот css, и кажется, что он работает!

#calendar_mini .fc-view {
    z-index: auto
}

Главный и мини-календарь имеют z-index = 0, и добавление этого css сработало.

person chris.cavage    schedule 15.12.2019