Hi, I want to display more information of the events in the timeline view. For this I want to increase the height of every event entry.
<ng-template #eventTemplate let-data>
<div class="md-timeline-template-event" [ngStyle]="{background: data.color}">
<div class="md-timeline-template-event-cont">
<div class="md-timeline-template-title">{{data.original.title}}</div>
<div class="md-timeline-template-subtitle">{{data.original.responsible}}</div>
</div>
</div>
</ng-template>
css:
.md-timeline-template-event-cont {
font-size: 15px;
height: 55px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
But the row height seems to stay the same, so the events are now overlapping:
Can I increase the row height to get some space between the events?
Thanks!