diff options
Diffstat (limited to 'src/client/views/nodes')
| -rw-r--r-- | src/client/views/nodes/Timeline.scss | 4 | ||||
| -rw-r--r-- | src/client/views/nodes/Timeline.tsx | 14 |
2 files changed, 13 insertions, 5 deletions
diff --git a/src/client/views/nodes/Timeline.scss b/src/client/views/nodes/Timeline.scss index b58828c0f..5bf4628c4 100644 --- a/src/client/views/nodes/Timeline.scss +++ b/src/client/views/nodes/Timeline.scss @@ -7,7 +7,7 @@ position: absolute; .timeline{ - height: 50px; + height: 60px; width: 500px; bottom: 0px; background-color: grey; @@ -15,7 +15,7 @@ } button{ - height: 30px; + height: 40px; width: 100px; font-size: 1em; position:relative; diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx index 3bd549ccc..41ac77abc 100644 --- a/src/client/views/nodes/Timeline.tsx +++ b/src/client/views/nodes/Timeline.tsx @@ -10,16 +10,24 @@ import "./Timeline.scss" @observer export class Timeline extends React.Component<TimelineField>{ + private _isRecording = false; + onRecord = (e:React.MouseEvent) => { + this._isRecording = true; + } + + onStop = (e:React.MouseEvent) => { + this._isRecording = false; + } + render() { return ( <div> <div className="timeline-container"> <div className="timeline"> - </div> - <button>Record</button> - <button> Stop </button> + <button onClick = {this.onRecord}>Record</button> + <button onClick = {this.onStop}> Stop </button> </div> </div> ) |