devsam/core
3
6
Fork 1
Code Issues 60 Pull Requests Releases 1 Wiki Activity

fix: 삼성 브라우저 draggable workaround

Browse Source
This commit is contained in:
Hide_D
2023-06-28 14:50:52 +00:00
parent d25d414057
commit f8ebcf91b1
1 changed files with 38 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hwe/ts/PageNPCControl.vue
+38 -25
View File
@@ -224,14 +224,16 @@
</template> </template>
<template #item="{ element }"> <template #item="{ element }">
<div class="list-group-item"> <div class="list-group-item">
<i class="bi bi-list" /> <div class="priority_info">
&nbsp;&nbsp;{{ element.id }} <i class="bi bi-list" />
<button <span>{{ element.id }}</span>
<button
v-b-tooltip.hover="actionHelpText[element.id]" 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" /> <i class="bi bi-question-lg" />
</button> </button>
</div>
</div> </div>
</template> </template>
</draggable> </draggable>
@@ -246,14 +248,16 @@
> >
<template #item="{ element }"> <template #item="{ element }">
<div class="list-group-item"> <div class="list-group-item">
<i class="bi bi-list" /> <div class="priority_info">
&nbsp;&nbsp;{{ element.id }} <i class="bi bi-list" />
<button <span>{{ element.id }}</span>
<button
v-b-tooltip.hover="actionHelpText[element.id]" 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" /> <i class="bi bi-question-lg" />
</button> </button>
</div>
</div> </div>
</template> </template>
</draggable> </draggable>
@@ -300,14 +304,16 @@
</template> </template>
<template #item="{ element }"> <template #item="{ element }">
<div class="list-group-item"> <div class="list-group-item">
<i class="bi bi-list" /> <div class="priority_info">
&nbsp;&nbsp;{{ element.id }} <i class="bi bi-list" />
<button <span>{{ element.id }}</span>
<button
v-b-tooltip.hover="actionHelpText[element.id]" 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" /> <i class="bi bi-question-lg" />
</button> </button>
</div>
</div> </div>
</template> </template>
</draggable> </draggable>
@@ -322,14 +328,16 @@
> >
<template #item="{ element }"> <template #item="{ element }">
<div class="list-group-item"> <div class="list-group-item">
<i class="bi bi-list" /> <div class="priority_info">
&nbsp;&nbsp;{{ element.id }} <i class="bi bi-list" />
<button <span>{{ element.id }}</span>
<button
v-b-tooltip.hover="actionHelpText[element.id]" 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" /> <i class="bi bi-question-lg" />
</button> </button>
</div>
</div> </div>
</template> </template>
</draggable> </draggable>
@@ -391,7 +399,7 @@ import { unwrap } from "@util/unwrap";
import { convertFormData } from "@util/convertFormData"; import { convertFormData } from "@util/convertFormData";
import axios from "axios"; import axios from "axios";
import { NPCPriorityBtnHelpMessage } from "@/helpTexts"; import { NPCPriorityBtnHelpMessage } from "@/helpTexts";
import draggable from "vuedraggable"; import draggable from "vuedraggable-es";
import TopBackBar from "@/components/TopBackBar.vue"; import TopBackBar from "@/components/TopBackBar.vue";
import { convertIDArray } from "@util/convertIDArray"; import { convertIDArray } from "@util/convertIDArray";
import { useToast, BContainer } from "bootstrap-vue-next"; import { useToast, BContainer } from "bootstrap-vue-next";
@@ -722,4 +730,9 @@ async function submitGeneralPriority() {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
.priority_info{
display:grid;
grid-template-columns: 24px 1fr 24px;
}
</style> </style>