luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modify animation

Browse Source
This commit is contained in:
Thomas Nordquist
2019-01-22 15:12:49 +01:00
parent bcd5a32483
commit 796233da18
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/index.html
View File

@@ -11,10 +11,10 @@
padding: 0; padding: 0;
} }
@keyframes example { @keyframes example {
0% {background-color: inherit;} 0% {background-color: none;}
25% {background-color: #3f51b5;} 25% {background-color: #3f51b5;}
50% {background-color: #3f51b5;} 50% {background-color: #3f51b5;}
100% {background-color: inherit;} 100% {background-color: none;}
} }
::-webkit-scrollbar { ::-webkit-scrollbar {

2
app/src/components/Tree/TreeNode.tsx
View File

@@ -171,7 +171,7 @@ class TreeNode extends React.Component<Props, State> {
this.dirtyEdges = this.dirtyMessage = this.dirtySubnodes = false this.dirtyEdges = this.dirtyMessage = this.dirtySubnodes = false
const shouldStartAnimation = (isDirty && !this.animationDirty) && !this.props.isRoot const shouldStartAnimation = (isDirty && !this.animationDirty) && !this.props.isRoot
const animation = shouldStartAnimation ? { animation: 'example 0.5s' } : {} const animation = shouldStartAnimation ? { willChange: 'auto', translateZ: 0, animation: 'example 0.5s' } : {}
this.animationDirty = shouldStartAnimation this.animationDirty = shouldStartAnimation
return ( return (