From f6bcb02b9802e04bd8e9c80092a0680b64482688 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 8 Feb 2024 11:25:34 +0100
Subject: [PATCH] fix(front): tagInput fixes

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 src/assets/oruga-tailwindcss.css  | 12 +++++++++---
 src/components/Event/TagInput.vue |  1 +
 src/oruga-config.ts               |  2 ++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css
index 8f25dd8f6..70248bae0 100644
--- a/src/assets/oruga-tailwindcss.css
+++ b/src/assets/oruga-tailwindcss.css
@@ -149,6 +149,12 @@ body {
 .taginput-autocomplete {
   @apply flex-1 !drop-shadow-none;
 }
+.taginput-expanded {
+  @apply w-full;
+}
+.taginput .autocomplete .dropdown-menu {
+  @apply w-full;
+}
 .taginput-container {
   @apply border-none;
 }
@@ -166,7 +172,7 @@ body {
 }
 
 .autocomplete .autocomplete-item {
-  @apply text-start p-0;
+  @apply text-start p-2;
 }
 
 .autocomplete .autocomplete-item-group-title {
@@ -182,7 +188,7 @@ body {
   @apply bg-white dark:bg-zinc-700 shadow-lg rounded text-start py-2;
 }
 .dropdown-item {
-  @apply relative inline-flex gap-1 no-underline p-2 cursor-pointer w-full;
+  @apply relative inline-flex gap-1 no-underline p-2 cursor-pointer w-full hover:bg-[#f5f5f5] hover:text-black;
 }
 
 .dropdown-item-active {
@@ -353,7 +359,7 @@ button.menubar__button {
   @apply z-50;
 }
 .datepicker-box {
-  @apply block px-4 py-1;
+  @apply block px-4 py-1 hover:bg-transparent;
 }
 .o-dpck__header {
   @apply pb-2 mb-2;
diff --git a/src/components/Event/TagInput.vue b/src/components/Event/TagInput.vue
index 1686553c1..6a4c06f68 100644
--- a/src/components/Event/TagInput.vue
+++ b/src/components/Event/TagInput.vue
@@ -26,6 +26,7 @@
       @input="getFilteredTags"
       :id="id"
       dir="auto"
+      expanded
     >
     </o-taginput>
   </o-field>
diff --git a/src/oruga-config.ts b/src/oruga-config.ts
index af0a27dc8..98627d78a 100644
--- a/src/oruga-config.ts
+++ b/src/oruga-config.ts
@@ -28,8 +28,10 @@ export const orugaConfig = {
     itemClass: "taginput-item",
     rootClass: "taginput",
     containerClass: "taginput-container",
+    expandedClass: "taginput-expanded",
     autocompleteClasses: {
       rootClass: "taginput-autocomplete",
+      itemClass: "taginput-autocomplete-item",
       inputClasses: {
         rootClass: "taginput-input-wrapper",
         inputClass: "taginput-input",