Reduce height of the timeline row

Event calendars & schedulers
1

Hello,
il want to reduce my timeline row and so i fix the css width :
.mbsc-timeline-row {
height: 50px;
}
But when the timeline is render i see that a style css code is append here :


<div class="mbsc-timeline-resource mbsc-timeline-row mbsc-flex-1-0 mbsc-ios mbsc-ltr" style="min-height: 62px;">

After that my timeline row is not 50px height but 62px height.

How can i fix it ?

Thanks.

2

Hi @David1,

Try using a specific css selector. For instance you can set the cssClass option for the Eventcalendar, like: cssClass='my-calendar' and use it in your css:

.my-calendar .mbsc-timeline-row {
  height: 78px;
}

Or you can add !important to the .mbsc-timeline-row {height: 78px !important;}

Let me know how it goes!