McPeakDev/Nychthemeron
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

fix: restore the loading-icon spin animation

Browse source 
The @keyframes nych-spin rule and NychLoadingIcon's wreath fill/stroke
colors lived in the old nychthemeron.css, which got deleted in the Task 13
cleanup as "fully superseded" -- but this component-specific animation was
never actually ported over to the new tailwind.css, so the icon rendered
static instead of spinning. Restored, verified live via computed
animationPlayState/animationName on the wreath element (previously
untestable via the compiled-CSS-only checks used for the earlier fixes).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Matthew McPeak 2026-07-13 11:46:21 -04:00
parent 830ac3094b
commit e1ee3c739d
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/library/src/assets/css/tailwind.css
View file

@ -186,3 +186,22 @@
box-shadow: var(--focus-ring); box-shadow: var(--focus-ring);
} }
} }
@keyframes nych-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.nych-loading-icon .wreath {
transform-origin: 340px 180px;
animation: nych-spin 2s linear infinite;
}
.nych-loading-icon .wreath path {
fill: var(--primary-fg);
}
.nych-loading-icon .wreath line {
stroke: var(--text-high);
}