From 03279d9b1c10dd0c9f194c16937eb082bd988940 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Fri, 21 May 2021 21:50:32 +0200
Subject: timeline current slide styles

---
 pages/editor.tsx  | 2 +-
 styles/editor.css | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/pages/editor.tsx b/pages/editor.tsx
index cbee73a..f37e561 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -156,7 +156,7 @@ function TimelineEditor(props: {
 
 	var [scrubberPos, scrubberSpring] = useSpring(
 		() => ({
-			frame: 1,
+			frame: 0,
 			config: { mass: 0.5, tension: 500, friction: 20 },
 		}),
 	);
diff --git a/styles/editor.css b/styles/editor.css
index 1283c31..e23ff62 100644
--- a/styles/editor.css
+++ b/styles/editor.css
@@ -192,6 +192,14 @@
 	height: 24px;
 }
 
+.appGrid .timeline .keyframes .frame .keyframeWrapper.current { color: var(--piss); }
+.appGrid .timeline .keyframes .frame .keyframeWrapper.current .loop .connector { background-color: var(--piss); }
+.appGrid .timeline .keyframes .frame .keyframeWrapper ,
+.appGrid .timeline .keyframes .frame .keyframeWrapper .loop .connector {
+	transition-property: color, background-color;
+	transition-duration: .2s;
+}
+
 .appGrid .timeline .keyframes .frame:nth-child(30n) .timecode {
 	color: var(--c700);
 	font-weight: 500;
-- 
cgit v1.2.3