From 4a95a0e39ae71f8ae8210bfe1d4cabc6021d9e0e Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 5 Nov 2024 11:59:38 +0100
Subject: [PATCH] chore: refs #7273 sticky add btn & refactor

---
 src/pages/Item/Card/ItemTags.vue | 37 +++++++++++++++++---------------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/pages/Item/Card/ItemTags.vue b/src/pages/Item/Card/ItemTags.vue
index 6f31d0cf8..e59085402 100644
--- a/src/pages/Item/Card/ItemTags.vue
+++ b/src/pages/Item/Card/ItemTags.vue
@@ -109,7 +109,11 @@ const insertTag = (rows) => {
             >
                 <template #body="{ rows, validate }">
                     <QCard class="q-px-lg q-pt-md q-pb-sm">
-                        <VnRow v-for="(row, index) in rows" :key="index">
+                        <VnRow
+                            v-for="(row, index) in rows"
+                            :key="index"
+                            class="items-center"
+                        >
                             <VnSelect
                                 :label="t('itemTags.tag')"
                                 :options="tagOptions"
@@ -153,13 +157,14 @@ const insertTag = (rows) => {
                                 :required="true"
                                 :rules="validate('itemTag.priority')"
                             />
-                            <div class="row justify-center items-center" style="flex: 0">
+                            <div class="row justify-center" style="flex: 0">
                                 <QIcon
                                     @click="itemTagsRef.remove([row])"
                                     class="fill-icon-on-hover"
                                     color="primary"
                                     name="delete"
                                     size="sm"
+                                    dense
                                 >
                                     <QTooltip>
                                         {{ t('itemTags.removeTag') }}
@@ -167,22 +172,20 @@ const insertTag = (rows) => {
                                 </QIcon>
                             </div>
                         </VnRow>
-                        <VnRow class="justify-center items-center">
-                            <QBtn
-                                @click="insertTag(rows)"
-                                class="cursor-pointer"
-                                color="primary"
-                                flat
-                                icon="add"
-                                shortcut="+"
-                                style="flex: 0"
-                            >
-                                <QTooltip>
-                                    {{ t('itemTags.addTag') }}
-                                </QTooltip>
-                            </QBtn>
-                        </VnRow>
                     </QCard>
+                    <QPageSticky position="bottom-right" :offset="[25, 25]">
+                        <QBtn
+                            @click="insertTag(rows)"
+                            color="primary"
+                            icon="add"
+                            shortcut="+"
+                            fab
+                        >
+                            <QTooltip>
+                                {{ t('itemTags.addTag') }}
+                            </QTooltip>
+                        </QBtn>
+                    </QPageSticky>
                 </template>
             </CrudModel>
         </QPage>