tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lazy load toots using IntersectionObserver (#3191)

Browse Source 
* refactor(components/status_list): Lazy load using IntersectionObserver

* refactor(components/status_list): Avoid setState bottleneck

* refactor(components/status_list): Update state correctly

* fix(components/status): Render if isIntersecting is undefined

* refactor(components/status): Recycle timeout

* refactor(components/status): Reduce animation duration

* refactor(components/status): Use requestIdleCallback

* chore: Split polyfill bundles

* refactor(components/status_list): Increase rootMargin to 300%

* fix(components/status): Check if onRef is not defined

* chore: Add note about polyfill bundle splitting

* fix(components/status): Reduce animation duration to 0.3 seconds
This commit is contained in:
Sorin Davidoi
2017-05-24 17:55:00 +02:00
committed by Eugen Rochko
parent 676ba50601
commit 8e4d1cba00
8 changed files with 146 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/styles/components.scss
View File

@ -554,6 +554,14 @@
border-bottom: 1px solid lighten($ui-base-color, 8%);
cursor: default;
@keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
opacity: 1;
animation: fade 0.3s linear;
&.status-direct {
background: lighten($ui-base-color, 8%);