Merge pull request #4342 from DSpace/backport-4341-to-dspace-7_x

[Port dspace-7_x] Use ellipsis for truncatable parts

Author: tdonohue

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;
-    }
   }
 
 }