From 3ef7adff794a2028ab150af3077517f6742e2809 Mon Sep 17 00:00:00 2001
From: Andrea Barbasso <´andrea.barbasso@4science.com´>
Date: Thu, 15 May 2025 14:17:59 +0200
Subject: [PATCH] [CST-19327] use ellipsis for truncatable parts

(cherry picked from commit 6703a07207b9643632d02939034529dbe0768030)
---
 src/styles/_truncatable-part.component.scss | 21 ++++-----------------
 1 file changed, 4 insertions(+), 17 deletions(-)

diff --git a/src/styles/_truncatable-part.component.scss b/src/styles/_truncatable-part.component.scss
index d9158a6751..127dda0171 100644
--- a/src/styles/_truncatable-part.component.scss
+++ b/src/styles/_truncatable-part.component.scss
@@ -4,24 +4,11 @@
     height: $lines * $height;
   }
   .content {
-    max-height: $lines * $height;
-    position: relative;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: $lines;
+    -webkit-box-orient: vertical;
     overflow: hidden;
-    line-height: $line-height;
-    overflow-wrap: break-word;
-    &:after {
-      content: "";
-      position: absolute;
-      padding-right: 15px;
-      top: ($lines - 1) * $height;
-      right: 0;
-      width: 30%;
-      min-width: 75px;
-      max-width: 150px;
-      height: $height;
-      background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba($bg, 1) 70%);
-      pointer-events: none;
-    }
   }
 
 }