tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

fix(front): tagInput fixes

Browse source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2024-02-08 11:25:34 +01:00
parent b1ecf4b36f
commit f6bcb02b98
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
3 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/assets/oruga-tailwindcss.css
View file

@ -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;

1
src/components/Event/TagInput.vue
View file

@ -26,6 +26,7 @@
@input="getFilteredTags"
:id="id"
dir="auto"
expanded
>
</o-taginput>
</o-field>

2
src/oruga-config.ts
View file

@ -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",