Merge pull request #461 from Stremio/fix/description-details-visible

Description bug fix and test file deleted
Stremio · Oct 4, 2023 · bc588a9 · bc588a9
2 parents 5a6a2c4 + f43706f
commit bc588a9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/src/common/MetaPreview/MetaPreview.js b/src/common/MetaPreview/MetaPreview.js
@@ -159,7 +159,9 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
                 }
                 {
                     compact && typeof description === 'string' && description.length > 0 ?
-                        <div className={styles['description-container']}>{description}</div>
+                        <div className={styles['description-container']}>
+                            {description}
+                        </div>
                         :
                         null
                 }
@@ -179,6 +181,17 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
                             />
                         ))
                 }
+                {
+                    !compact && typeof description === 'string' && description.length > 0 ?
+                        <div className={styles['description-container']}>
+                            <div className={styles['label-container']}>
+                                {t('SUMMARY')}
+                            </div>
+                            {description}
+                        </div>
+                        :
+                        null
+                }
             </div>
             <div className={styles['action-buttons-container']}>
                 {

diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
@@ -132,12 +132,18 @@
         }
 
         .description-container {
-            max-height: 6em;
             margin-top: 1rem;
             font-size: 1rem;
             font-weight: 400;
             line-height: 2em;
             color: var(--primary-foreground-color);
+            .label-container {
+                text-transform: uppercase;
+                font-size: 0.95rem;
+                font-weight: 700;
+                color: var(--primary-foreground-color);
+                opacity: 0.3;
+            }
         }
 
         .meta-links {