From f8e6f5d1c1c95fc40e5babe15c59628dcfbbce02 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sat, 30 Nov 2024 20:50:53 +0800
Subject: [PATCH] :lipstick: https://github.com/siyuan-note/siyuan/issues/13317

---
 app/src/assets/scss/component/_switch.scss | 26 ++++++++++++----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/app/src/assets/scss/component/_switch.scss b/app/src/assets/scss/component/_switch.scss
index 8eb76b058..1c27f5c4c 100644
--- a/app/src/assets/scss/component/_switch.scss
+++ b/app/src/assets/scss/component/_switch.scss
@@ -70,16 +70,6 @@
       left: 17px;
     }
 
-    &:hover:not(:disabled) {
-      &::after {
-        background-color: var(--b3-switch-checked-hover);
-      }
-
-      &::before {
-        background-color: var(--b3-switch-checked-hover2);
-      }
-    }
-
     &:active:not(:disabled)::after {
       height: 14px;
       width: 14px;
@@ -95,8 +85,20 @@
     height: 10px;
     width: 10px;
   }
+}
 
-  &:hover:not(:disabled)::before {
-    display: inline-block;
+label:hover .b3-switch:not(:disabled)::before,
+.b3-switch:hover:not(:disabled)::before {
+  display: inline-block;
+}
+
+label:hover .b3-switch:checked:not(:disabled),
+.b3-switch:checked:hover:not(:disabled) {
+  &::after {
+    background-color: var(--b3-switch-checked-hover);
+  }
+
+  &::before {
+    background-color: var(--b3-switch-checked-hover2);
   }
 }