mirror of
https://github.com/Ark0N/Codeman.git
synced 2026-10-06 23:49:41 +02:00
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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user