stepus53/ustk-todolist
1
0
Fork 0
mirror of https://github.com/usatiuk/ustk-todolist.git synced 2025-10-28 23:57:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

disable pointer events on todo leaving transition

Browse Source
This commit is contained in:
Stepan Usatiuk
2018-08-25 19:28:20 +03:00
parent e7adbcc38d
commit 70c2210ee7
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
react/src/components/todolist/TodoList.js
View File

@@ -16,8 +16,16 @@ export default function TodosContainer({
native native
items={todos} items={todos}
keys={todo => todo.id} keys={todo => todo.id}
from={{ height: 0, borderColor: '#f0f0f0', opacity: 0.7 }} from={{
enter={{ height: 60, borderColor: '#f0f0f0', opacity: 1 }} height: 0,
borderColor: '#f0f0f0',
opacity: 0.7,
}}
enter={{
height: 60,
borderColor: '#f0f0f0',
opacity: 1,
}}
leave={{ leave={{
height: 0, height: 0,
borderColor: '#ffffff', borderColor: '#ffffff',
@@ -25,6 +33,7 @@ export default function TodosContainer({
opacity: 0.3, opacity: 0.3,
padding: 0, padding: 0,
margin: 0, margin: 0,
pointerEvents: 'none',
}} }}
> >
{todos.map(todo => styles => ( {todos.map(todo => styles => (