From 1374693c2f68a15e55b1d0a0afea7f114f383573 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 20 Nov 2024 16:06:48 +0600
Subject: [PATCH] web/Toggle: make the toggle stretchy

---
 web/src/components/misc/Toggle.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/components/misc/Toggle.svelte b/web/src/components/misc/Toggle.svelte
index 2ab52c32..7101df95 100644
--- a/web/src/components/misc/Toggle.svelte
+++ b/web/src/components/misc/Toggle.svelte
@@ -34,7 +34,7 @@
         background: var(--white);
         border-radius: 100px;
         transform: translateX(0%);
-        transition: transform 0.2s;
+        transition: transform 0.2s, width 0.2s;
     }
 
     .toggle.enabled {
@@ -44,4 +44,8 @@
     .toggle.enabled .toggle-switcher {
         transform: translateX(var(--enabled-pos));
     }
+
+    :global(.toggle-container:active .toggle:not(.enabled) .toggle-switcher) {
+        width: calc(var(--base-size) * 1.3);
+    }
 </style>