From 736d6802430a3f4f364915f3df93fc548a51ebf1 Mon Sep 17 00:00:00 2001
From: zyachel <aricla@protonmail.com>
Date: Sat, 3 Jun 2023 22:18:28 +0530
Subject: [PATCH] fix(card): fix long attributes in cards under 'Known For'
 section

makes the attributes scrollable instead
---
 src/components/card/CardTitle.tsx                         | 2 +-
 src/styles/modules/components/card/card-title.module.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/card/CardTitle.tsx b/src/components/card/CardTitle.tsx
index f7526a5..8621e29 100644
--- a/src/components/card/CardTitle.tsx
+++ b/src/components/card/CardTitle.tsx
@@ -52,7 +52,7 @@ const CardTitle = ({ link, name, year, image, ratings, titleType, children, ...r
                 <span> ({formatNumber(ratings.numVotes)} votes)</span>
               </p>
             )}
-            {children}
+            <div className={styles.children}>{children}</div>
           </div>
         </a>
       </Link>
diff --git a/src/styles/modules/components/card/card-title.module.scss b/src/styles/modules/components/card/card-title.module.scss
index 913ad5a..02ee532 100644
--- a/src/styles/modules/components/card/card-title.module.scss
+++ b/src/styles/modules/components/card/card-title.module.scss
@@ -35,6 +35,12 @@
   align-content: start;
 }
 
+.children {
+  max-height: 7em; // firefox doesn't support lh yet.
+  max-height: 7lh;
+  overflow: auto;
+}
+
 .name {
   font-size: 1.2em;
 }