From 48e6be19588b7145fb5472c8b7b468e9dbfd7c77 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Thu, 1 Jul 2021 11:15:09 +0200
Subject: fix #2

---
 pages/editor.tsx     | 3 ++-
 styles/keyframes.css | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

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;
 }
-- 
cgit v1.2.3