From 669c0a360f1c4559865568df35cd1a029a756762 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Fri, 24 May 2024 11:21:45 +0200
Subject: [PATCH] Small fixes for global search
 [SCI-10708][SCI-10587][SCI-10599]

---
 app/javascript/vue/experiments/card.vue       | 2 +-
 app/javascript/vue/my_modules/modals/tags.vue | 6 ++++++
 app/javascript/vue/shared/select_dropdown.vue | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/javascript/vue/experiments/card.vue b/app/javascript/vue/experiments/card.vue
index ebfb3f9c6..d4a8c71d2 100644
--- a/app/javascript/vue/experiments/card.vue
+++ b/app/javascript/vue/experiments/card.vue
@@ -20,7 +20,7 @@
         'pointer-events-none !text-sn-grey': !params.urls.show,
         '!text-sn-black': dtComponent.currentViewMode === 'archived'
       }"
-       class="font-bold mb-4 shrink-0 text-sn-blue hover:no-underline line-clamp-2 hover:text-sn-blue h-10">
+       class="font-bold mb-4 shrink-0 text-sn-blue hover:no-underline line-clamp-3 hover:text-sn-blue h-16">
       {{ params.name }}
     </a>
     <div class="flex gap-4 mb-2.5">
diff --git a/app/javascript/vue/my_modules/modals/tags.vue b/app/javascript/vue/my_modules/modals/tags.vue
index 9a6ae0f3f..093e551bd 100644
--- a/app/javascript/vue/my_modules/modals/tags.vue
+++ b/app/javascript/vue/my_modules/modals/tags.vue
@@ -109,6 +109,7 @@
               </GeneralDropdown>
               <input type="text" v-model="newTag.name"
                      ref="newTagNameInput"
+                     @click="setRandomColor"
                      :placeholder="i18n.t('experiments.canvas.modal_manage_tags.new_tag_name')"
                      class="border-0 focus:outline-none bg-transparent" />
               <i v-if="!creatingTag" class="sn-icon sn-icon-edit opacity-0 group-hover:opacity-50 ml-auto"></i>
@@ -323,6 +324,11 @@ export default {
 
       this.creatingTag = false;
       this.newTag = { name: null, color: null };
+    },
+    setRandomColor() {
+      if (!this.newTag.color) {
+        this.newTag.color = this.tagsColors[Math.floor(Math.random() * this.tagsColors.length)];
+      }
     }
   }
 };
diff --git a/app/javascript/vue/shared/select_dropdown.vue b/app/javascript/vue/shared/select_dropdown.vue
index 5805fdd61..0f9c795ec 100644
--- a/app/javascript/vue/shared/select_dropdown.vue
+++ b/app/javascript/vue/shared/select_dropdown.vue
@@ -317,6 +317,7 @@ export default {
           this.newValue = [...this.newValue, value];
         }
       } else {
+        this.newValue = value;
         this.$nextTick(() => {
           this.close();
         });