From db9961658d194c24d58131ffdf5ca07ba4a7ea68 Mon Sep 17 00:00:00 2001
From: dananji <dwithana@iu.edu>
Date: Wed, 29 Nov 2023 14:23:20 -0500
Subject: [PATCH] Remove double scroll bar in the transcripts tab

---
 app/javascript/components/MediaObjectRamp.jsx | 2 +-
 app/javascript/components/Ramp.scss           | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/javascript/components/MediaObjectRamp.jsx b/app/javascript/components/MediaObjectRamp.jsx
index d9d84f63d5..3aa8e3d106 100644
--- a/app/javascript/components/MediaObjectRamp.jsx
+++ b/app/javascript/components/MediaObjectRamp.jsx
@@ -223,7 +223,7 @@ const Ramp = ({
               <MetadataDisplay showHeading={false} displayTitle={false}/>
             </Tab>
             { (cdl.can_stream && master_files_count != 0 && has_transcripts) &&
-              <Tab eventKey="transcripts" title="Transcripts">
+              <Tab eventKey="transcripts" title="Transcripts" className="ramp-transcripts-tab">
                 <Transcript
                   playerID="iiif-media-player"
                   manifestUrl={manifestUrl}
diff --git a/app/javascript/components/Ramp.scss b/app/javascript/components/Ramp.scss
index e2f9aefa62..6123bd8c47 100644
--- a/app/javascript/components/Ramp.scss
+++ b/app/javascript/components/Ramp.scss
@@ -170,6 +170,12 @@
     max-height: 75vh;
     overflow: auto;
   }
+
+  // Remove double scroll-bar for transcripts tab
+  .ramp-transcripts-tab {
+    overflow: hidden;
+  }
+
   .tab-pane:focus {
     outline: 0.125rem solid #006298;
     outline-offset: -0.125rem;