fix: remove completion celebration animation

Remove the large "done" animation that appeared when Ralph loops completed.
The completion state is now simply reflected in the tracker panel without
the intrusive overlay.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-20 15:57:30 +01:00
co-authored by Claude Opus 4.5
parent bc16459ecb
commit 1cd68cabaf
3 changed files with 0 additions and 107 deletions
-73
View File
@@ -820,79 +820,6 @@ body {
text-decoration: line-through;
}
/* Completion Celebration */
.ralph-celebration {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
align-items: center;
justify-content: center;
background: rgba(10, 10, 10, 0.95);
z-index: 10;
}
.ralph-celebration.show {
display: flex;
animation: ralph-celebration-in 0.3s ease-out;
}
@keyframes ralph-celebration-in {
from { opacity: 0; }
to { opacity: 1; }
}
.ralph-celebration-content {
text-align: center;
}
.ralph-checkmark {
width: 60px;
height: 60px;
margin: 0 auto 0.75rem;
}
.ralph-checkmark svg {
width: 100%;
height: 100%;
}
.ralph-checkmark-circle {
fill: none;
stroke: var(--green);
stroke-width: 2;
stroke-dasharray: 166;
stroke-dashoffset: 166;
animation: ralph-circle 0.6s ease-out forwards;
}
.ralph-checkmark-check {
fill: none;
stroke: var(--green);
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: ralph-check 0.3s ease-out 0.4s forwards;
}
@keyframes ralph-circle {
to { stroke-dashoffset: 0; }
}
@keyframes ralph-check {
to { stroke-dashoffset: 0; }
}
.ralph-celebration-text {
font-size: 1rem;
font-weight: 600;
color: var(--green);
}
/* Empty state (legacy support) */
.inner-state-empty {
color: var(--text-muted);