J’ai pu obtenir deux lignes avec ce CSS
.fc-daygrid-dot-event {
align-items: baseline;
}
.fc-daygrid-dot-event .fc-event-title {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: calc(2 * var(--line-height-large));
white-space: normal;
}
Toute ligne supplémentaire déforme trop les cellules de jour (même avec deux lignes, il y a une distorsion légèrement perceptible). align-items: baseline garantit que les autres valeurs s’alignent bien avec le titre.
Avec ce CSS supplémentaire, le titre a deux lignes, comme ceci :
Gardez à l’esprit que cela aura un impact si vous avez deux événements à une date donnée, comme ceci :
