RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add recycler fade

old-stable24
Varun Patil 2022-10-18 11:43:17 -07:00
parent e4c9f821fc
commit 1a697d7671
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Timeline.vue
View File

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