diff options
| -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; } |