Repository navigation
fix(icons): stop the agent sparkle from turning - #9025
Conversation
Why: the new-conversation greeting's Macro logo rocked and the heading flipped in on every mount and Chat/Code switch, which read as shaking. What: drop the greeting-mark-wave and greeting-flip animations and the keyed remount that retriggered the flip; the logo cross-fade stays. Co-authored-by: gbirman <gbirman@users.noreply.github.com>
|
Important Review skippedAuto incremental reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the
|
Why: the Agents navigation icon rotated on hover and press, so the rail appeared to shake whenever the pointer crossed it. What: drop sparkle from hover motion and from the rotating glyphs; it keeps the shared press-and-settle scale. Update the icon README. Co-authored-by: gbirman <gbirman@users.noreply.github.com>
This reverts commit d82e634. Co-authored-by: gbirman <gbirman@users.noreply.github.com>
This reverts commit e073831. Co-authored-by: gbirman <gbirman@users.noreply.github.com>
Why: the Agents sparkle in the outer navigation rail rotated on hover and press, which read as the rail shaking. What: opt the Agents rail button out of shared icon motion with data-icon-motion="none"; other rail items and sparkle glyphs elsewhere keep their motion. Co-authored-by: gbirman <gbirman@users.noreply.github.com>
Why
The shared icon motion singled out the sparkle glyph: it was the only navigation rail icon with hover motion, and it rotated 8° on hover and 15° on press. The Agents icon in the outer rail looked like it was shaking.
What
icon-motion.ts: removesparklefrom the hover glyphs and from the rotating glyphs. It keeps the shared press-and-settle scale that the other rail icons use.