chore: update tags and fix styles (#2613)

* chore: update tags and fix styles * adjust
avo-hq · Mar 19, 2024 · 8a41fd2 · 8a41fd2
1 parent e04a533
commit 8a41fd2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 13 deletions.
diff --git a/app/assets/stylesheets/css/fields/tags.css b/app/assets/stylesheets/css/fields/tags.css
@@ -10,7 +10,7 @@ tags.tagify {
 }
 
 tags.tagify {
-  @apply !p-1 !gap-1 !border-gray-200;
+  @apply !ml-0 !gap-1 !border-gray-200;
 
   &.tagify--focus {
     @apply !border-gray-600;
@@ -22,10 +22,5 @@ tags.tagify {
 }
 
 tag.tagify__tag {
-  @apply text-sm !m-0;
-}
-
-/* When the tags field is used to select just one value there's a weird ZeroWidthSpace (\u200B) character that breaks the vertical spacing. */
-[data-tags-field-mode-value="select"] tags.tagify {
-  height: 40px;
+  @apply text-sm !ml-0;
 }
diff --git a/app/components/avo/fields/tags_field/edit_component.html.erb b/app/components/avo/fields/tags_field/edit_component.html.erb
@@ -23,7 +23,7 @@
     %>
     <%# real field %>
     <%= @form.text_field @field.id,
-      class: classes("hidden w-full border-primary-500 focus-within:border-primary-500"),
+      class: classes("hidden w-full !py-0 min-h-10 items-center border-primary-500 focus-within:border-primary-500"),
       data: {
         tags_field_target: :input,
       },

diff --git a/package.json b/package.json
@@ -42,7 +42,7 @@
     "@tiptap/extension-text": "^2.2.2",
     "@tiptap/extension-underline": "^2.2.2",
     "@tiptap/pm": "^2.2.2",
-    "@yaireo/tagify": "^4.18.3",
+    "@yaireo/tagify": "^4.22.1",
     "autoprefixer": "^10.4.17",
     "chart.js": "^3.9.1",
     "chartkick": "^4.2.0",

diff --git a/yarn.lock b/yarn.lock
@@ -1712,10 +1712,10 @@
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
-"@yaireo/tagify@^4.18.3":
-  version "4.18.3"
-  resolved "https://registry.yarnpkg.com/@yaireo/tagify/-/tagify-4.18.3.tgz#23d16dd9e6af1119661054ec24574ffbe0b4eaed"
-  integrity sha512-K6ksuPKZvVXQMyJXfh1k9TvX3FupqBLY4RUg+153TZQxtENsPxrRSu165va2uYtj2F76KdoY0laOlE5YO0Kqrg==
+"@yaireo/tagify@^4.22.1":
+  version "4.22.1"
+  resolved "https://registry.yarnpkg.com/@yaireo/tagify/-/tagify-4.22.1.tgz#955182344913067745aca9fdaa09e8cd9120e1d9"
+  integrity sha512-VDWes50OZ3hBo7eDk/z0xmLf3lSpZsryyEw1BRwQh8t+xS0pLCOWhWzjbL0NrePRhDmM/4MI9/k8ovsDEV55LA==
 
 acorn-jsx@^5.3.2:
   version "5.3.2"