git ssb

2+

mixmix / ticktack



Commit 417d3c1ef9e250a2e8a514b4db11c113b21dfe18

use observeables and ease-in

mix irving committed on 2/14/2018, 12:08:39 AM
Parent: 4e6ec20947fcc765efbf7a8e5947553f574943da

Files changed

app/html/blogCard.jschanged
app/html/blogCard.mcsschanged
app/html/blogCard.jsView
@@ -105,9 +105,8 @@
105105 }
106106
107107 var classList = MutantArray(['-arriving'])
108108 if (blog.unread) classList.push('-unread')
109- setImmediate(() => classList.delete('-arriving'))
110109
111110 var b = h('BlogCard', { id, classList, 'ev-click': onClick }, [
112111 h('div.context', [
113112 api.about.html.avatar(author, 'tiny'),
@@ -125,7 +124,13 @@
125124 ])
126125 ])
127126 ])
128127
128 + arrive()
129129 return b
130 +
131 + function arrive () {
132 + if (!b.parentNode) return setTimeout(arrive, 100)
133 + classList.delete('-arriving')
134 + }
130135 })
131136 }
app/html/blogCard.mcssView
@@ -7,9 +7,9 @@
77 padding: 1.5rem 0
88 $backgroundPrimaryText
99
1010 border: 1px solid #fff
11- transition: all .5s ease
11 + transition: all .5s ease-in
1212
1313 display: flex
1414 flex-direction: column
1515

Built with git-ssb-web