Hide the scroll bar in WaveformControls when it's not necessary (grad…

…io-app#8065) * Hide the scroll bar in WaveformControls when it's not necessary * add changeset * add changeset --------- Co-authored-by: gradio-pr-bot <[email protected]>
salvationz · Apr 23, 2024 · 5bf61cb · 5bf61cb
1 parent d665f40
commit 5bf61cb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/loud-ears-grab.md b/.changeset/loud-ears-grab.md
@@ -0,0 +1,6 @@
+---
+"@gradio/audio": patch
+"gradio": patch
+---
+
+feat:Hide the scroll bar in WaveformControls when it's not necessary
diff --git a/js/audio/shared/WaveformControls.svelte b/js/audio/shared/WaveformControls.svelte
@@ -318,7 +318,12 @@
 			grid-template-areas:
 				"playback playback"
 				"controls editing";
-			overflow: scroll;
+		}
+	}
+
+	@media (max-width: 319px) {
+		.controls {
+			overflow-x: scroll;
 		}
 	}