Increase Slider clickable area (#5697)

* slider click area * add changeset * fix --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Sep 26, 2023 · f4e4f82 · f4e4f82
1 parent 6b8c8af
commit f4e4f82
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/fluffy-jokes-crash.md b/.changeset/fluffy-jokes-crash.md
@@ -0,0 +1,6 @@
+---
+"@gradio/slider": minor
+"gradio": minor
+---
+
+feat:Increase Slider clickable area
diff --git a/js/slider/shared/Range.svelte b/js/slider/shared/Range.svelte
@@ -162,7 +162,7 @@
 		border-radius: 50%;
 		background-color: white;
 		cursor: pointer;
-		margin-top: -7px;
+		margin-top: -2px;
 		transition: background-color 0.1s ease;
 	}
 
@@ -175,6 +175,6 @@
 		box-shadow: none;
 		border: none;
 		background: transparent;
-		height: 100%;
+		height: 400%;
 	}
 </style>