Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #7 from AlexisNP/bugfix/prevent-event-stutter

Browse Source 
Added rules for events' TransitionGroup
This commit is contained in:
AlexisNP
2024-06-05 18:06:21 +02:00
committed by GitHub
parent 170416a08f 476ca5f949
commit 28cdffa90b
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/calendar/state/monthly/DayTile.vue
View File

@@ -108,7 +108,7 @@ const eventsNotDisplayed: ComputedRef<number> = computed<number>(() => eventsFo
}" }"
> >
<TransitionGroup name="event"> <TransitionGroup name="event">
<li v-for="event in eventsToDisplay" :key="event.title" class="grid pointer-events-auto"> <li v-for="event in eventsToDisplay" :key="event.id" class="grid w-full pointer-events-auto">
<CalendarEventButton :event :tile-date="date" /> <CalendarEventButton :event :tile-date="date" />
</li> </li>
</TransitionGroup> </TransitionGroup>
@@ -165,8 +165,10 @@ const eventsNotDisplayed: ComputedRef<number> = computed<number>(() => eventsFo
.event-enter-active { .event-enter-active {
transition: all 120ms ease-in-out; transition: all 120ms ease-in-out;
} }
.event-move,
.event-leave-active { .event-leave-active {
transition: all 180ms ease-in-out; position: absolute;
transition: all 100ms ease-in-out;
} }
.event-enter-from, .event-enter-from,
.event-leave-to { .event-leave-to {