Animate instructions toggle icon

2026-08-07 22:38:24 +03:00
parent 41b6613837
commit a84e54f9dd
3 changed files with 16 additions and 2 deletions
@@ -1693,6 +1693,17 @@ p {
  filter: drop-shadow(0 0 7px color-mix(in oklch, var(--client-accent) 52%, transparent));
 }

+.client-instructions-toggle:hover svg,
+.client-instructions-toggle:focus-visible svg {
+  animation: client-secondary-icon-motion 620ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes client-secondary-icon-motion {
+  0%, 100% { transform: rotate(0) translateY(0); }
+  34% { transform: rotate(-8deg) translateY(-1px); }
+  68% { transform: rotate(5deg) translateY(0); }
+}
+
 .client-local-rules-toggle:disabled {
  cursor: default;
  color: var(--client-muted);