diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-07-01 11:15:09 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-07-01 11:15:09 +0200 |
| commit | 48e6be19588b7145fb5472c8b7b468e9dbfd7c77 (patch) | |
| tree | 85fc35d8b86d9f2bdccaf0efac9dacba6b0276db | |
| parent | 42501f3d4bcf4586a7d75f886e3839efc7a28ced (diff) | |
fix #2
| -rw-r--r-- | pages/editor.tsx | 3 | ||||
| -rw-r--r-- | styles/keyframes.css | 3 |
2 files changed, 5 insertions, 1 deletions
diff --git a/pages/editor.tsx b/pages/editor.tsx index 3dbf107..6a283d5 100644 --- a/pages/editor.tsx +++ b/pages/editor.tsx @@ -911,7 +911,8 @@ function TimelineEditor() { <TimelineSelection selectionDragArea={selectionDragArea} /> <animated.div id='ghost' - className={'posabs dispinbl ' + (ghostPlaced ? 'placed' : '')} + className={'posabs dispinbl ' + (ghostPlaced ? 'placed ' : '') + + (global.timeline.tool.value == 'loop' ? 'loop ' : '')} style={{ '--y': ghost.y, '--x': ghost.x, diff --git a/styles/keyframes.css b/styles/keyframes.css index 3672421..e971476 100644 --- a/styles/keyframes.css +++ b/styles/keyframes.css @@ -71,6 +71,9 @@ transition-duration: 150ms; opacity: 0; } +#ghost.loop.placed { + --offset-x: -16px; +} .timeline:hover #ghost { opacity: 1; } |