WIP: better timeline styles

This commit is contained in:
Lachlan Kermode
2020-03-26 11:36:59 +01:00
parent ffb4548fce
commit b9efee8cca
14 changed files with 70 additions and 52 deletions

View File

@@ -4,14 +4,14 @@ const TimelineHandles = ({ dims, onMoveTime }) => {
return (
<g className='time-controls-inline'>
<g
transform={`translate(${dims.margin_left - 20}, 120)`}
transform={`translate(${dims.marginLeft - 20}, ${dims.contentHeight - 10})`}
onClick={() => onMoveTime('backwards')}
>
<circle r='15' />
<path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' transform='rotate(270)' />
</g>
<g
transform={`translate(${dims.width - dims.width_controls + 20}, 120)`}
transform={`translate(${dims.width - dims.width_controls + 20}, ${dims.contentHeight - 10})`}
onClick={() => onMoveTime('forward')}
>
<circle r='15' />