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

Added rules for events' TransitionGroup

Browse Source 
This fixes the stutter that happens when an event is added / removed from the list of the current day tile
This commit is contained in:
Alexis
2024-06-05 18:05:14 +02:00
parent 170416a08f
commit 476ca5f949
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">
<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" />
</li>
</TransitionGroup>
@@ -165,8 +165,10 @@ const eventsNotDisplayed: ComputedRef<number> = computed<number>(() => eventsFo
.event-enter-active {
transition: all 120ms ease-in-out;
}
.event-move,
.event-leave-active {
transition: all 180ms ease-in-out;
position: absolute;
transition: all 100ms ease-in-out;
}
.event-enter-from,
.event-leave-to {