Mastodon/Pinafore-Web-Client-Frontend
1
0
Fork 0
mirror of https://github.com/nolanlawson/pinafore synced 2025-02-09 07:58:43 +01:00
Code Issues Releases Wiki Activity

add a nice fade effect

Browse Source
This commit is contained in:
Nolan Lawson 2018-01-21 14:31:59 -08:00
parent ff6c370ef1
commit 75d78d44a2
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
routes/_components/Timeline.html
View File

@ -1,8 +1,10 @@
<:Window bind:online />
<div class="timeline" role="feed" aria-label="{{label}}" on:initialized >
<div class="timeline" role="feed" aria-label="{{label}}" on:initialized>
<VirtualList component="{{StatusListItem}}"
items="{{keyedStatuses}}"
on:scrollToBottom="onScrollToBottom()" />
on:scrollToBottom="onScrollToBottom()"
shown="{{initialized}}"
/>
</div>
<style>
.timeline {

3
routes/_components/VirtualList.html
View File

@ -1,5 +1,5 @@
<!-- TODO: setting height is hacky, just make this element the scroller -->
<div class="virtual-list" style="height: {{$height}}px;">
<div class="virtual-list {{shown ? '' : 'hidden'}}" style="height: {{$height}}px;">
{{#each $visibleItems as item @key}}
<VirtualListItem :component
offset="{{item.offset}}"
@ -12,6 +12,7 @@
<style>
.virtual-list {
position: relative;
transition: opacity 0.25s linear;
}
</style>
<script>