diff options
| author | andrewdkim <adkim414@gmail.com> | 2019-07-29 13:42:37 -0400 |
|---|---|---|
| committer | andrewdkim <adkim414@gmail.com> | 2019-07-29 13:42:37 -0400 |
| commit | efb4f101c093467fe18e3bfa00d06d9d3cd6bce8 (patch) | |
| tree | fa7dbb76abe6440b27e01223118255ff8dbbd0f4 /src/client/views/nodes/Keyframe.tsx | |
| parent | 10a5b5a99ae77d890412b3a3d25b6b85c935f25b (diff) | |
icon, datasave changes
Diffstat (limited to 'src/client/views/nodes/Keyframe.tsx')
| -rw-r--r-- | src/client/views/nodes/Keyframe.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/src/client/views/nodes/Keyframe.tsx b/src/client/views/nodes/Keyframe.tsx index 82f5b18cc..6ff925cb5 100644 --- a/src/client/views/nodes/Keyframe.tsx +++ b/src/client/views/nodes/Keyframe.tsx @@ -322,7 +322,7 @@ export class Keyframe extends React.Component<IProps> { render() { return ( <div> - <div className="bar" ref={this._bar} style={{ transform: `translate(${this.regiondata.position}px)`, width: `${this.regiondata.duration}px` }} + <div className="bar" ref={this._bar} style={{ transform: `translate(${this.regiondata.position}px)`, width: `${this.regiondata.duration}px`, background: `linear-gradient(90deg, rgba(77, 153, 0, 0) 0%, rgba(77, 153, 0, 1) ${this.regiondata.fadeIn / this.regiondata.duration * 100}%, rgba(77, 153, 0, 1) ${(this.regiondata.duration - this.regiondata.fadeOut)/this.regiondata.duration * 100}%, rgba(77, 153, 0, 0) 100% )` }} onPointerDown={this.onBarPointerDown} onDoubleClick={this.createKeyframe} onContextMenu={action((e: React.MouseEvent) => { |