fix: 삼성 브라우저 draggable workaround

This commit is contained in:
2023-06-28 14:50:52 +00:00
parent d25d414057
commit f8ebcf91b1
+38 -25
View File
@@ -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>