frontend: clamp series hero synopsis to 10 lines

frontend/src/components/SeriesFullView.vue

@@ -773,6 +773,13 @@ onUnmounted(() => {
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.85);
   margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 10;
+  line-clamp: 10;
+  max-height: calc(1.6em * 10);
 }
 
 /* Seasons container */
@@ -1038,6 +1045,12 @@ html.mouse-active .episode-tile:hover .tile-play {
     padding: 30px;
   }
 
+  .series-overview {
+    -webkit-line-clamp: 10;
+    line-clamp: 10;
+    max-height: calc(1.6em * 10);
+  }
+
   .ep-number {
     font-size: 1.4rem;
   }