diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-05-21 21:50:32 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-05-21 21:50:32 +0200 |
| commit | 03279d9b1c10dd0c9f194c16937eb082bd988940 (patch) | |
| tree | 961d4e06f3e82d506273a2567553bb2f3b0a057d | |
| parent | 38b02c287922868f64076877b8801552326f2103 (diff) | |
timeline current slide styles
| -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; |