From 77f09e5e3c8a5cb0a21a590beb07c392dcfb163c Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Tue, 23 Apr 2024 14:07:46 +0200
Subject: [PATCH] Fix label printing and experiment description [SCI-10662]

---
 app/controllers/label_templates_controller.rb |  2 +-
 .../vue/experiments/renderers/description.vue | 44 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/app/controllers/label_templates_controller.rb b/app/controllers/label_templates_controller.rb
index 32d9bbc23..ebd32e464 100644
--- a/app/controllers/label_templates_controller.rb
+++ b/app/controllers/label_templates_controller.rb
@@ -4,7 +4,7 @@ class LabelTemplatesController < ApplicationController
   include InputSanitizeHelper
   include TeamsHelper
 
-  before_action :check_feature_enabled, except: %i(index zpl_preview)
+  before_action :check_feature_enabled, except: %i(index zpl_preview list)
   before_action :load_label_templates, only: %i(index datatable list)
   before_action :load_label_template, only: %i(show set_default update template_tags)
   before_action :check_view_permissions, except: %i(create duplicate set_default delete update)
diff --git a/app/javascript/vue/experiments/renderers/description.vue b/app/javascript/vue/experiments/renderers/description.vue
index f938ac3f4..5b694b478 100644
--- a/app/javascript/vue/experiments/renderers/description.vue
+++ b/app/javascript/vue/experiments/renderers/description.vue
@@ -1,32 +1,32 @@
 <template>
-  <div class="group relative flex items-center group-hover:marker text-xs h-full w-full"
-       :style="{ lineHeight: 'unset' }">
-    <div class="flex gap-2 w-full"
-        :style="{ lineHeight: 'unset' }"
-        :class="{
-                  'items-center text-sm': params.dtComponent.currentViewRender === 'table',
-                  'items-end text-xs': params.dtComponent.currentViewRender === 'cards'
-                }">
-      <span v-if="shouldTruncateText"
-            class="cursor-pointer grow"
-            :class="{
-              'line-clamp-1': params.dtComponent.currentViewRender === 'table',
-              'line-clamp-2': params.dtComponent.currentViewRender === 'cards'
-            }"
+  <template v-if="params.dtComponent.currentViewRender === 'table'">
+  <div class="group relative flex items-center group-hover:marker text-xs h-full w-full leading-[unset]">
+    <div class="flex gap-2 w-full items-center text-sm leading-[unset]">
+      <span class="cursor-pointer line-clamp-1 leading-[unset]"
             @click.stop="showDescriptionModal"
             v-html="params.data.sa_description">
       </span>
-      <span v-else class="grow" v-html="params.data.sa_description"></span>
-      <span v-if="shouldTruncateText" @click.stop="showDescriptionModal" class="text-sn-blue cursor-pointer shrink-0 inline-block"
-            :style="{ lineHeight: 'unset' }"
-            :class="{
-                      'text-xs': params.dtComponent.currentViewRender === 'cards',
-                      'text-sm': params.dtComponent.currentViewRender === 'table'
-                    }">
+      <span @click.stop="showDescriptionModal" class="text-sn-blue cursor-pointer shrink-0 inline-block text-sm">
         {{ i18n.t('experiments.card.more') }}
       </span>
     </div>
   </div>
+  </template>
+  <template v-else>
+    <div class="group relative flex items-center group-hover:marker text-xs h-full w-full">
+      <div class="flex gap-2 w-full items-end text-xs">
+        <span v-if="shouldTruncateText"
+              class="cursor-pointer grow line-clamp-2"
+              @click.stop="showDescriptionModal"
+              v-html="params.data.sa_description">
+        </span>
+        <span v-else class="grow" v-html="params.data.sa_description"></span>
+        <span v-if="shouldTruncateText" @click.stop="showDescriptionModal" class="text-sn-blue cursor-pointer shrink-0 inline-block text-xs">
+          {{ i18n.t('experiments.card.more') }}
+        </span>
+      </div>
+    </div>
+  </template>
 </template>
 
 <script>
@@ -39,7 +39,7 @@ export default {
   },
   computed: {
     shouldTruncateText() {
-      return this.params.data.description?.length > 80;
+      return this.params.data.description?.length > 60;
     }
   },
   methods: {