fix height of calender exceeding viewport height

This commit is contained in:
Harald Bamberger
2025-06-05 11:28:37 +02:00
parent c85e902b97
commit 68b6402981
2 changed files with 6 additions and 2 deletions
+4
View File
@@ -20,6 +20,10 @@
--calendar-past: var(--fhc-beige-20);
}
.fhc-calendar-pane {
height: var(--calendar-pane-height);
}
.fhc-calendar-hour-indicator{
border-top: 1px solid var(--calendar-border);
}
+2 -2
View File
@@ -85,8 +85,8 @@ export default {
},
template: `
<div ref="carousel" class="calendar-pane carousel slide" @[\`slide.bs.carousel\`]="slide" @[\`slid.bs.carousel\`]="slid" :data-queue="queue">
<div id="calendarContainer" @wheel.prevent="scrollBehavior" @scroll="scrollCalendar" ref="calendarContainer" class="carousel-inner " style="height:var(--fhc-calendar-pane-height);">
<div ref="carouselItems" v-for="i in [...Array(3).keys()]" :key="i" class="carousel-item" style="height:var(--fhc-calendar-pane-height);">
<div id="calendarContainer" @wheel.prevent="scrollBehavior" @scroll="scrollCalendar" ref="calendarContainer" class="carousel-inner fhc-calendar-pane">
<div ref="carouselItems" v-for="i in [...Array(3).keys()]" :key="i" class="carousel-item fhc-calendar-pane">
<slot :active="i == activeCarouselItemIndex" :index="i" :offset="offsets[i]" />
</div>
</div>