Estoy tratando de cambiar la altura de un evento (cita) en FullCalendar.

Seguí la sugerencia en esta respuesta.¿Cómo editar el ancho del evento en FullCalendar?

El problema es que no estoy muy seguro de cómo establecer la altura para que sea relativa al tamaño del calendario.

Intenté esto:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '100%');
    }

pero en realidad se muestra como una astilla delgada, igual al 200%, como si no tuviera un efecto.

Esto funciona:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '200px');
    }

Pero solo es bueno para una resolución de 1920 x 1080. Resoluciones más pequeñas harán que las citas se desborden, lo que no es bueno.

¿Alguna idea de cómo establecer la altura del evento para que sea la misma que la celda?

o incluso mejor la altura real disponible de la celda. Como los eventos solo se muestran debajo de la fecha.

El uso de este calendario es para una aplicación que solo tiene eventos de día completo, por lo que no será un problema obtener solo un evento por celda.

TIA