From 08b7d0a0819d2ed516813f503381a24e45e76abd Mon Sep 17 00:00:00 2001
From: Ivan Kljun <ivan@scinote.net>
Date: Tue, 16 Jan 2024 11:46:00 +0100
Subject: [PATCH] Change experiment description to be one line [SCI-9990]

---
 .../vue/experiments/renderers/description.vue | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/app/javascript/vue/experiments/renderers/description.vue b/app/javascript/vue/experiments/renderers/description.vue
index 21f5b718e..e2befe7bf 100644
--- a/app/javascript/vue/experiments/renderers/description.vue
+++ b/app/javascript/vue/experiments/renderers/description.vue
@@ -1,13 +1,11 @@
 <template>
-  <div class="group leading-5 relative line-clamp-2 group-hover:marker"
-       :class="{'cursor-pointer': showMoreButton}"
-  >
-    <span v-html="params.data.sa_description"></span>
-    <div v-if="showMoreButton" @click.stop="showMore"
-         class="opacity-0 group-hover:opacity-100 text-xs text-sn-blue absolute bottom-0 right-0
-                p-0.5 pl-8 bg-gradient-to-r from-transparent from-0% to-sn-super-light-grey to-30%">
-      {{ i18n.t('experiments.card.more') }}
-    </div>
+  <div class="group relative flex items-center group-hover:marker">
+    <span v-if="shouldTruncateText"
+          class="line-clamp-1 cursor-pointer"
+          @click.stop="showDescriptionModal"
+          v-html="params.data.sa_description">
+    </span>
+    <span v-else v-html="params.data.sa_description"></span>
   </div>
 </template>
 
@@ -18,15 +16,14 @@ export default {
     params: {
       required: true,
     },
-
   },
   computed: {
-    showMoreButton() {
+    shouldTruncateText() {
       return this.params.data.description.length > 80;
     },
   },
   methods: {
-    showMore() {
+    showDescriptionModal() {
       this.params.dtComponent.$emit('showDescription', null, [this.params.data]);
     },
   },