From 4b01b1592d2b6e201d19126f1b554d377d22d712 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sat, 24 Jan 2026 15:34:17 +0300
Subject: [PATCH] feat(ControlsWrapper): close ControlsWrapper on escape click

---
 .../components/ControlsWrapper.svelte         | 28 +++----------------
 1 file changed, 4 insertions(+), 24 deletions(-)

diff --git a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte b/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
index 7ad924d..4209cb7 100644
--- a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
+++ b/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
@@ -57,6 +57,10 @@ function handleKeyDown(e: KeyboardEvent) {
         e.preventDefault();
         handleWrapperClick();
     }
+
+    if (isActive && e.key === 'Escape') {
+        isActive = false;
+    }
 }
 
 // Movement Logic
@@ -215,27 +219,3 @@ $effect(() => {
         {/if}
     </div>
 </div>
-
-<style>
-@keyframes nudge {
-    0%, 100% {
-        transform: translateY(0) scale(1) rotate(0deg);
-    }
-    2% {
-        transform: translateY(-2px) scale(1.1) rotate(-1deg);
-    }
-    4% {
-        transform: translateY(0) scale(1) rotate(1deg);
-    }
-    6% {
-        transform: translateY(-2px) scale(1.1) rotate(0deg);
-    }
-    8% {
-        transform: translateY(0) scale(1) rotate(0deg);
-    }
-}
-
-.animate-nudge {
-    animation: nudge 10s ease-in-out infinite;
-}
-</style>