Help Needed: Calendar Row Height

Configuration Frontend
1

Newbie here. I’ve created a custom dashbaord in panel view to show a single calendar in month view. However, if I have too many events on a given day, each box will not list the name of the events. Instead it says “+5 more” or +x more (where x is a given number of events).

How can I edit the code so that all events on a day show automatically? If that isn’t an option, how do i change the height of the calendar so that it might be a work around and show all the events on a given day.

Thank you

1
1715×258 12.3 KB

2

I found this code in another thread and it worked. The key was adding the code under card_mod

views:

  • title: Test 22
    type: panel
    badges:
    cards:
    • type: calendar
      entities:
      • calendar.test
        card_mod:
        style:
        ha-full-calendar:
        $: |
        #calendar {
        min-height: 1230px !important;
        }
        .fc-day-past .fc-daygrid-day-events {
        opacity: 1 !important;
        }
        .fc .fc-daygrid-event {
        padding 0px !important;
        margin 0px !important;
        }