sipo/Teren-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

workflow fixed multiselect, combobox width was not limited when selecting desicisions

Browse Source
This commit is contained in:
Simon Pocrnjič 2026-02-01 19:35:38 +01:00
parent b1c531bb70
commit 8147fedd04
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/Components/app/ui/AppMultiSelect.vue
View File

@ -84,8 +84,8 @@ const summaryText = computed(() => {
const found = props.items.find((i) => String(i.value) === String(v)); const found = props.items.find((i) => String(i.value) === String(v));
return found?.label || v; return found?.label || v;
}); });
if (labels.length <= 3) return labels.join(', '); if (labels.length <= 3) return labels.join(", ");
const firstThree = labels.slice(0, 3).join(', '); const firstThree = labels.slice(0, 3).join(", ");
const remaining = labels.length - 3; const remaining = labels.length - 3;
return `${firstThree}, … +${remaining}`; // show ellipsis and remaining count return `${firstThree}, … +${remaining}`; // show ellipsis and remaining count
}); });
@ -154,7 +154,7 @@ const summaryText = computed(() => {
:variant="chipVariant" :variant="chipVariant"
class="flex items-center gap-1" class="flex items-center gap-1"
> >
<span class="truncate max-w-[140px]"> <span class="truncate max-w-35">
{{ items.find((i) => String(i.value) === String(val))?.label || val }} {{ items.find((i) => String(i.value) === String(val))?.label || val }}
</span> </span>
<button <button

6
resources/js/Pages/Settings/Workflow/Partials/ActionTable.vue
View File

@ -305,7 +305,7 @@ const destroyAction = () => {
</div> </div>
</div> </div>
<div> <div class="space-y-1.5">
<InputLabel for="segmentEdit">Segment</InputLabel> <InputLabel for="segmentEdit">Segment</InputLabel>
<AppCombobox <AppCombobox
id="segmentEdit" id="segmentEdit"
@ -323,7 +323,7 @@ const destroyAction = () => {
v-model="form.decisions" v-model="form.decisions"
:items="selectOptions" :items="selectOptions"
placeholder="Dodaj odločitev" placeholder="Dodaj odločitev"
content-class="p-0 w-full" chip-variant="secondary"
/> />
</div> </div>
@ -373,7 +373,7 @@ const destroyAction = () => {
v-model="createForm.decisions" v-model="createForm.decisions"
:items="selectOptions" :items="selectOptions"
placeholder="Dodaj odločitev" placeholder="Dodaj odločitev"
content-class="p-0 w-full" chip-variant="secondary"
/> />
</div> </div>