From 96142a3a0ca54c62f0d83e6feccecd99cf17fff6 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 27 Feb 2025 20:40:13 +0600
Subject: [PATCH] web/SettingsToggle: make border shine when pressed

---
 web/src/components/buttons/SettingsToggle.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/src/components/buttons/SettingsToggle.svelte b/web/src/components/buttons/SettingsToggle.svelte
index 4f34c7b4..f5dd6579 100644
--- a/web/src/components/buttons/SettingsToggle.svelte
+++ b/web/src/components/buttons/SettingsToggle.svelte
@@ -81,5 +81,11 @@
         padding: calc(var(--switcher-padding) * 2) 16px;
         border-radius: var(--border-radius);
         overflow: scroll;
+
+        transition: background 0.1s, box-shadow 0.1s;
+    }
+
+    .toggle-container:active {
+        box-shadow: var(--button-box-shadow), 0 0 0 1.5px var(--button-stroke) inset;
     }
 </style>