From f8ebcf91b1337d4999152f9f68cfc819d923a3f0 Mon Sep 17 00:00:00 2001
From: Hide_D <hided62@gmail.com>
Date: Wed, 28 Jun 2023 14:50:52 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=82=BC=EC=84=B1=20=EB=B8=8C=EB=9D=BC?=
 =?UTF-8?q?=EC=9A=B0=EC=A0=80=20draggable=20workaround?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/ts/PageNPCControl.vue | 63 +++++++++++++++++++++++----------------
 1 file changed, 38 insertions(+), 25 deletions(-)

diff --git a/hwe/ts/PageNPCControl.vue b/hwe/ts/PageNPCControl.vue
index a432c9ee..561adb25 100644
--- a/hwe/ts/PageNPCControl.vue
+++ b/hwe/ts/PageNPCControl.vue
@@ -224,14 +224,16 @@
                 </template>
                 <template #item="{ element }">
                   <div class="list-group-item">
-                    <i class="bi bi-list" />
-                    &nbsp;&nbsp;{{ element.id }}
-                    <button
+                    <div class="priority_info">
+                      <i class="bi bi-list" />
+                      <span>{{ element.id }}</span>
+                      <button
                       v-b-tooltip.hover="actionHelpText[element.id]"
-                      class="btn btn-sm float-right btn-secondary py-0 px-1"
+                      class="btn btn-sm btn-secondary py-0 px-1"
                     >
-                      <i class="bi bi-question-lg" />
-                    </button>
+                        <i class="bi bi-question-lg" />
+                      </button>
+                    </div>
                   </div>
                 </template>
               </draggable>
@@ -246,14 +248,16 @@
               >
                 <template #item="{ element }">
                   <div class="list-group-item">
-                    <i class="bi bi-list" />
-                    &nbsp;&nbsp;{{ element.id }}
-                    <button
+                    <div class="priority_info">
+                      <i class="bi bi-list" />
+                      <span>{{ element.id }}</span>
+                      <button
                       v-b-tooltip.hover="actionHelpText[element.id]"
-                      class="btn btn-sm float-right btn-secondary py-0 px-1"
+                      class="btn btn-sm btn-secondary py-0 px-1"
                     >
-                      <i class="bi bi-question-lg" />
-                    </button>
+                        <i class="bi bi-question-lg" />
+                      </button>
+                    </div>
                   </div>
                 </template>
               </draggable>
@@ -300,14 +304,16 @@
                 </template>
                 <template #item="{ element }">
                   <div class="list-group-item">
-                    <i class="bi bi-list" />
-                    &nbsp;&nbsp;{{ element.id }}
-                    <button
+                    <div class="priority_info">
+                      <i class="bi bi-list" />
+                      <span>{{ element.id }}</span>
+                      <button
                       v-b-tooltip.hover="actionHelpText[element.id]"
-                      class="btn btn-sm float-right btn-secondary py-0 px-1"
+                      class="btn btn-sm btn-secondary py-0 px-1"
                     >
-                      <i class="bi bi-question-lg" />
-                    </button>
+                        <i class="bi bi-question-lg" />
+                      </button>
+                    </div>
                   </div>
                 </template>
               </draggable>
@@ -322,14 +328,16 @@
               >
                 <template #item="{ element }">
                   <div class="list-group-item">
-                    <i class="bi bi-list" />
-                    &nbsp;&nbsp;{{ element.id }}
-                    <button
+                    <div class="priority_info">
+                      <i class="bi bi-list" />
+                      <span>{{ element.id }}</span>
+                      <button
                       v-b-tooltip.hover="actionHelpText[element.id]"
-                      class="btn btn-sm float-right btn-secondary py-0 px-1"
+                      class="btn btn-sm btn-secondary py-0 px-1"
                     >
-                      <i class="bi bi-question-lg" />
-                    </button>
+                        <i class="bi bi-question-lg" />
+                      </button>
+                    </div>
                   </div>
                 </template>
               </draggable>
@@ -391,7 +399,7 @@ import { unwrap } from "@util/unwrap";
 import { convertFormData } from "@util/convertFormData";
 import axios from "axios";
 import { NPCPriorityBtnHelpMessage } from "@/helpTexts";
-import draggable from "vuedraggable";
+import draggable from "vuedraggable-es";
 import TopBackBar from "@/components/TopBackBar.vue";
 import { convertIDArray } from "@util/convertIDArray";
 import { useToast, BContainer } from "bootstrap-vue-next";
@@ -722,4 +730,9 @@ async function submitGeneralPriority() {
   padding-right: 0;
   padding-left: 0;
 }
+
+.priority_info{
+  display:grid;
+  grid-template-columns: 24px 1fr 24px;
+}
 </style>