Merge pull request #5946 from avalonmediasystem/playlist-description

Wrap tags in playlist view page to a new line
avalonmediasystem · Jul 22, 2024 · 2845b64 · 2845b64
2 parents 9847348 + 395ccaf
commit 2845b64
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/app/javascript/components/PlaylistRamp.jsx b/app/javascript/components/PlaylistRamp.jsx
@@ -223,9 +223,9 @@ const Ramp = ({
               </div>
             </Col>
           </Row>
-          <Row>
+          <Row className="ramp--playlist-desc-tags">
             {comment && (
-              <div style={{position: 'relative'}}>
+              <div style={{ position: 'relative' }}>
                 <h4>{comment_label}</h4>
                 <div className='ramp--playlist-description' onScroll={handleScrollableDescription}>
                   <span dangerouslySetInnerHTML={{ __html: description }} />

diff --git a/app/javascript/components/Ramp.scss b/app/javascript/components/Ramp.scss
@@ -364,6 +364,10 @@
     flex-basis: auto;
     height: 70vh;
 
+    .ramp--playlist-desc-tags {
+      flex-direction: column;
+    }
+
     .ramp--playlist-description {
       overflow: auto;
       max-height: 25vh;