feature(Calendar Tagesansicht):based on the window with decides wether to display the lvMenu in a Modal or next to the calendar

This commit is contained in:
SimonGschnell
2024-11-15 11:18:15 +01:00
parent ef21936975
commit 45fca04029
4 changed files with 22 additions and 3 deletions
+1 -1
View File
@@ -227,7 +227,7 @@ export default {
</div>
<div class="d-none d-xl-block col-xl-6 p-0">
<div class="p-5 sticky-top d-flex justify-content-center align-items-center flex-column">
<div style="max-height: calc(-300px + 100vh); overflow-y:auto;">
<div style="max-height: calc(var(--fhc-calendar-pane-height) - 100px); overflow-y:auto;">
<template v-if="selectedEvent && lvMenu">
<h3 >{{$p.t('lvinfo','lehrveranstaltungsinformationen')}}</h3>
<div class="w-100">
+1 -1
View File
@@ -67,7 +67,7 @@ export default {
template: `
<div ref="carousel" class="calendar-pane carousel slide" @[\`slide.bs.carousel\`]="slide" @[\`slid.bs.carousel\`]="slid" :data-queue="queue">
<!--height calc function just for user testing purpose (has to be fixed)-->
<div @scroll="scrollCalendar" ref="calendarContainer" class="carousel-inner " style="height:calc(100vh - 220px); overflow:scroll">
<div @scroll="scrollCalendar" ref="calendarContainer" class="carousel-inner " style="height:var(--fhc-calendar-pane-height); overflow:scroll">
<div v-for="i in [...Array(3).keys()]" :key="i" class="carousel-item">
<slot :index="i" :offset="offsets[i]" />
</div>