From 5bf61cb15b7a1f8af12c87ae710df07099b5e460 Mon Sep 17 00:00:00 2001 From: "Yuichiro Tachibana (Tsuchiya)" Date: Tue, 23 Apr 2024 05:27:39 +0100 Subject: [PATCH] Hide the scroll bar in WaveformControls when it's not necessary (#8065) * Hide the scroll bar in WaveformControls when it's not necessary * add changeset * add changeset --------- Co-authored-by: gradio-pr-bot --- .changeset/loud-ears-grab.md | 6 ++++++ js/audio/shared/WaveformControls.svelte | 7 ++++++- 2 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 .changeset/loud-ears-grab.md diff --git a/.changeset/loud-ears-grab.md b/.changeset/loud-ears-grab.md new file mode 100644 index 0000000000000..87b4a24e54110 --- /dev/null +++ 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 index 11b30c24b3a9d..75fa1c014278e 100644 --- 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; } }