From 3f53b73db109248f0a046b28cbc762a268aff7a0 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Tue, 18 Oct 2022 11:43:17 -0700
Subject: [PATCH] Add recycler fade

---
 src/components/Timeline.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index 34f0e242..5a0e5037 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -16,6 +16,7 @@
         <RecycleScroller
             ref="recycler"
             class="recycler"
+            :class="{ 'empty': list.length === 0 }"
             :key="state"
             :items="list"
             :emit-update="true"
@@ -972,6 +973,12 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
 .recycler {
     height: 300px;
     width: calc(100% + 20px);
+    transition: opacity 0.2s ease-in-out;
+
+    &.empty {
+        opacity: 0;
+        transition: none;
+    }
 }
 
 .recycler .photo {