para/puzzle
1
1
Fork 0
Code Issues 8 Pull requests Releases Wiki Activity

fix click to upload

Browse source
This commit is contained in:
Zutatensuppe 2021-06-06 16:12:20 +02:00
parent 19301cfc81
commit d9ab766e18
5 changed files with 17 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
build/public/assets/index.8f0efd0f.css → build/public/assets/index.84d14088.css
View file

File diff suppressed because one or more lines are too long

1
build/public/assets/index.99efb0e9.js Normal file
View file

File diff suppressed because one or more lines are too long

1
build/public/assets/index.b2021c0c.js
View file

File diff suppressed because one or more lines are too long

4
build/public/index.html
View file

@ -4,9 +4,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>🧩 jigsaw.hyottoko.club</title> <title>🧩 jigsaw.hyottoko.club</title>
<script type="module" crossorigin src="/assets/index.b2021c0c.js"></script> <script type="module" crossorigin src="/assets/index.99efb0e9.js"></script>
<link rel="modulepreload" href="/assets/vendor.684f7bc8.js"> <link rel="modulepreload" href="/assets/vendor.684f7bc8.js">
<link rel="stylesheet" href="/assets/index.8f0efd0f.css"> <link rel="stylesheet" href="/assets/index.84d14088.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

16
src/frontend/components/NewImageDialog.vue
View file

@ -14,6 +14,7 @@ gallery", if possible!
@dragover="onDragover" @dragover="onDragover"
@dragleave="onDragleave"> @dragleave="onDragleave">
<!-- TODO: ... --> <!-- TODO: ... -->
<div class="drop-target"></div>
<div v-if="previewUrl" class="has-image"> <div v-if="previewUrl" class="has-image">
<span class="remove btn" @click="previewUrl=''">X</span> <span class="remove btn" @click="previewUrl=''">X</span>
<responsive-image :src="previewUrl" /> <responsive-image :src="previewUrl" />
@ -212,9 +213,6 @@ export default defineComponent({
.new-image-dialog .area-image.droppable { .new-image-dialog .area-image.droppable {
border: dashed 6px; border: dashed 6px;
} }
.area-image * {
pointer-events: none;
}
.new-image-dialog .area-image .has-image { .new-image-dialog .area-image .has-image {
position: relative; position: relative;
width: 100%; width: 100%;
@ -256,4 +254,16 @@ export default defineComponent({
top: 50%; top: 50%;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
} }
.area-image .drop-target {
display: none;
}
.area-image.droppable .drop-target {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
}
</style> </style>