aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/animationtimeline/Keyframe.tsx
diff options
context:
space:
mode:
authormonikahedman <monika_hedman@brown.edu>2020-02-02 15:10:34 -0500
committermonikahedman <monika_hedman@brown.edu>2020-02-02 15:10:34 -0500
commit4fd68c0ec41f2871ae24a87d8e5316d093bdb505 (patch)
treeea4bb74aabab95050264a2666e3b31d501cdf462 /src/client/views/animationtimeline/Keyframe.tsx
parent78810a40e22510eefe747c099e73fa3f2c4860a9 (diff)
changes
Diffstat (limited to 'src/client/views/animationtimeline/Keyframe.tsx')
-rw-r--r--src/client/views/animationtimeline/Keyframe.tsx8
1 files changed, 7 insertions, 1 deletions
diff --git a/src/client/views/animationtimeline/Keyframe.tsx b/src/client/views/animationtimeline/Keyframe.tsx
index 9c486a6d6..2348da813 100644
--- a/src/client/views/animationtimeline/Keyframe.tsx
+++ b/src/client/views/animationtimeline/Keyframe.tsx
@@ -522,14 +522,18 @@ export class Keyframe extends React.Component<IProps> {
DocListCast(this.regiondata.keyframes).forEach(kf => {
if (kf.type as KeyframeFunc.KeyframeType !== KeyframeFunc.KeyframeType.end) {
keyframeDivs.push(
- <div className="keyframe" style={{ left: `${KeyframeFunc.convertPixelTime(NumCast(kf.time), "mili", "pixel", this.props.tickSpacing, this.props.tickIncrement) - this.pixelPosition}px` }}>
+ <><div className="keyframe" style={{ left: `${KeyframeFunc.convertPixelTime(NumCast(kf.time), "mili", "pixel", this.props.tickSpacing, this.props.tickIncrement) - this.pixelPosition}px` }}>
<div className="divider"></div>
<div className="keyframeCircle keyframe-indicator" onPointerDown={(e) => { e.preventDefault(); e.stopPropagation(); this.moveKeyframe(e, kf); }} onContextMenu={(e: React.MouseEvent) => {
e.preventDefault();
e.stopPropagation();
this.makeKeyframeMenu(kf, e.nativeEvent);
}} onDoubleClick={(e) => { e.preventDefault(); e.stopPropagation(); }}></div>
+
</div>
+ <div className="keyframe-information"></div>
+ </>
+
);
} else {
keyframeDivs.push(
@@ -589,7 +593,9 @@ export class Keyframe extends React.Component<IProps> {
onPointerDown={this.onBarPointerDown
}>
<div className="leftResize keyframe-indicator" onPointerDown={this.onResizeLeft} ></div>
+ {/* <div className="keyframe-information"></div> */}
<div className="rightResize keyframe-indicator" onPointerDown={this.onResizeRight}></div>
+ {/* <div className="keyframe-information"></div> */}
{this.drawKeyframes()}
{this.drawKeyframeDividers()}
</div>