aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--pages/editor.tsx2
-rw-r--r--styles/keyframes.css1
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);