148 - toggle hover change

codesnippetspro · Jan 19, 2025 · 5ed5eff · 5ed5eff
1 parent 4f4397b
commit 5ed5eff
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/css/manage.scss b/src/css/manage.scss
@@ -60,6 +60,12 @@ $inactive-color: #ccc;
 	height: 17px;
 	border-radius: 34px;
 	background-color: #ccc;
+	box-shadow: 0 0px 1px 0px rgba(0, 0, 0, .2);
+    transition: all 200ms ease-in-out !important;
+
+	&:hover {
+		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.5);
+	}
 
 	&::before {
 		transition: all .4s;
@@ -72,20 +78,12 @@ $inactive-color: #ccc;
 		border-radius: 50%;
 	}
 
-	&:hover::before {
-		transform: translateX(40%);
-	}
-
 	.snippets .active-snippet & {
 		background-color: $active-color;
 
 		&::before {
 			transform: translateX(100%);
 		}
-
-		&:hover::before {
-			transform: translateX(60%);
-		}
 	}
 
 	.snippets .erroneous-snippet &::before {