fix: page block not draggable on Firefox

This commit is contained in:
sup39 2023-12-24 13:23:40 +09:00
parent b77c9ecc19
commit 6609218f75
No known key found for this signature in database
GPG Key ID: 111C00916C1641E5

View File

@ -7,9 +7,9 @@
<button v-if="removable" class="_button" @click="remove()"> <button v-if="removable" class="_button" @click="remove()">
<i :class="icon('ph-trash')"></i> <i :class="icon('ph-trash')"></i>
</button> </button>
<button v-if="draggable" class="drag-handle _button"> <div v-if="draggable" class="drag-handle _button">
<i :class="icon('ph-list')"></i> <i :class="icon('ph-list')"></i>
</button> </div>
<button class="_button" @click="toggleContent(!showBody)"> <button class="_button" @click="toggleContent(!showBody)">
<template v-if="showBody" <template v-if="showBody"
><i :class="icon('ph-caret-up')"></i ><i :class="icon('ph-caret-up')"></i
@ -139,11 +139,12 @@ export default defineComponent({
top: 0; top: 0;
right: 0; right: 0;
> button { > ._button {
padding: 0; padding: 0;
width: 42px; width: 42px;
font-size: 0.9em; font-size: 0.9em;
line-height: 42px; line-height: 42px;
text-align: center;
} }
.drag-handle { .drag-handle {