added overflow for tasks and overflow shadow to all overflows. also

minimum drag distance is now 10px

web/components/ui/calendar/Calendar.vue

@@ -132,7 +132,19 @@ function openDeleteModal(event: Event) {
 function deleteEvent() {
 	if (deleteContext.value === undefined) return
 	emits('delete', deleteContext.value?.event)
-	events.value = events.value.filter(e => e.title !== deleteContext.value?.event.title)
+	console.log(events.value)
+	events.value = events.value.filter(e => {
+		if (e.id === undefined || deleteContext.value?.event.id === undefined) {
+			return true
+		}
+
+		if (e.id === deleteContext.value?.event.id) {
+			return false
+		}
+
+		return true
+	})
+
 	deleteModalOpened.value = false
 }
 

web/components/ui/calendar/CalendarCollumn.vue

@@ -62,6 +62,13 @@ function mouseup(_: MouseEvent) {
 
 	const timeFrom = Math.min(endY.value, startY.value) / column.value.offsetHeight
 	const timeTo = Math.max(endY.value, startY.value) / column.value.offsetHeight
+
+	if (timeTo * column.value.offsetHeight - timeFrom * column.value.offsetHeight <= 10) {
+		startY.value = 0
+		endY.value = 0
+		return
+	}
+
 	emit('quick-create', props.day, {
 		from: timeFrom,
 		to: timeTo

web/components/ui/calendar/CalendarEvent.vue

@@ -64,7 +64,7 @@ function dragStart(e: DragEvent) {
 				</template>
 				<template #default>
 					<div>{{ event.event.from.toFormat('HH:mm') }} - {{ event.event.to.toFormat('HH:mm') }}</div>
-					<div class="overflow-scroll pb-5">
+					<div class="overflow-scroll pb-5 overflow-shadow">
 						{{ event.event.description }}
 					</div>
 				</template>