diff options
| -rw-r--r-- | pages/editor.tsx | 2 | ||||
| -rw-r--r-- | styles/editor.css | 8 |
2 files changed, 9 insertions, 1 deletions
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; |