fix: separate style classes for desciption and text

IQSS · Aug 8, 2024 · d099622 · d099622
1 parent 25278c0
commit d099622
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/sections/collection/datasets-list/file-card/FileCard.module.scss b/src/sections/collection/datasets-list/file-card/FileCard.module.scss
@@ -44,12 +44,15 @@
 
 .description {
   display: flex;
-  display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show, apply what you think looks better */ line-clamp: 3; -webkit-box-orient: vertical;
+  font-size: $dv-font-size-sm;
+}
+
+.descriptionText {
+  display: -webkit-box; -webkit-line-clamp: 3;  line-clamp: 3; -webkit-box-orient: vertical;
   flex-direction: column;
   width: 100%;
   overflow: hidden;
   color: black;
-  font-size: $dv-font-size-sm;
 }
 
 .date {

diff --git a/src/sections/collection/datasets-list/file-card/FileCardInfo.tsx b/src/sections/collection/datasets-list/file-card/FileCardInfo.tsx
@@ -35,7 +35,7 @@ export function FileCardInfo({ filePreview, persistentId }: FileCardInfoProps) {
             <FileChecksum checksum={filePreview.metadata.checksum} />
           </Stack>
         </span>
-        <span className={styles.description}>{filePreview.metadata.description}</span>
+        <span className={styles.descriptionText}>{filePreview.metadata.description}</span>
       </Stack>
     </div>
   )