diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-07-25 15:54:01 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-07-25 15:54:01 +0200 |
| commit | b6d87316ff5e51727b2548305983cca027fed069 (patch) | |
| tree | 786f928979ab22289faf6cd6f28eba9f933154d8 | |
| parent | 422e383eeff10074d56bdb52ecf2103be3719a57 (diff) | |
fix loop offset / ghost placement
| -rw-r--r-- | pages/editor.tsx | 2 | ||||
| -rw-r--r-- | styles/keyframes.css | 1 |
2 files changed, 2 insertions, 1 deletions
diff --git a/pages/editor.tsx b/pages/editor.tsx index a490e9b..29e409e 100644 --- a/pages/editor.tsx +++ b/pages/editor.tsx @@ -596,7 +596,7 @@ function GhostLoop(props: { begin: number; end: number; }) { - return <div className='keyframeWrapper ghost posabs abscenterh'> + return <div className='keyframeWrapper ghost posabs'> <div style={{ '--begin': props.begin, diff --git a/styles/keyframes.css b/styles/keyframes.css index e971476..3541f3a 100644 --- a/styles/keyframes.css +++ b/styles/keyframes.css @@ -57,6 +57,7 @@ .keyframe.ghost .outline { opacity: .7; } #ghost { + background-color: rgba(255, 128, 0, var(--debug-hitbox-opacity)); --negative-offset-weight: calc(1 - var(--offset-weight)); --offset-x: calc(0.5 * var(--zoom) * var(--negative-offset-weight) * 1px - 12px * var(--negative-offset-weight) + -16px * var(--offset-weight)); transform: translateX(var(--offset-x)) translateY(-16px); |