Merge pull request #5488 from avalonmediasystem/fix-double-scrollbar

Remove double scroll bar in the transcripts tab
avalonmediasystem · Nov 29, 2023 · 894f1ea · 894f1ea
2 parents b94fb45 + db99616
commit 894f1ea
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git 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
@@ -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;