diff --git a/app/src/plugins/app@vendor/vue-cal/event.vue b/app/src/plugins/app@vendor/vue-cal/event.vue index bb7e2d2..e7be084 100644 --- a/app/src/plugins/app@vendor/vue-cal/event.vue +++ b/app/src/plugins/app@vendor/vue-cal/event.vue @@ -67,6 +67,19 @@ export default { * Do not prevent propagation to trigger cell mousedown which highlights the cell if not highlighted. */ onMouseDown(e, touch = false) { + let targetElement + + if (e.target.nodeName == 'BUTTON') { + targetElement = e.target + } else if (e.srcElement.nodeName == 'IMG') { + targetElement = e.target.parentElement + } + + if (targetElement?.classList?.contains('v-btn__content') || e?.target?.nodeName == 'BUTTON') { + e.preventDefault() + return + } + // Prevent a double mouse down on touch devices. if ("ontouchstart" in window && !touch) return false; const { clickHoldAnEvent, focusAnEvent, resizeAnEvent, dragAnEvent } = diff --git a/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue b/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue index 6eb91ca..a8eab3d 100644 --- a/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue +++ b/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue @@ -22,36 +22,38 @@ - -
-
- {{ props.event.initials }} -
- {{ props.event.date?.toLocaleDateString('sk-SK') }} -
- -
- - {{ deadline }} - - - -
- -
- - {{ props.event?.subtask.office365_location }} - - - -
-
+
@@ -158,6 +160,16 @@ const isOfficeEvent: ComputedRef = computed(() => { padding: 20px 10px width: 100% + &__footer-wrapper + position: absolute + bottom: 0 + left: 0 + right: 0 + border-top: 1px solid rgba(33, 33, 33, 0.08) + + &__top + padding: 10px 10px 0 10px + &__footer flex-flow: row wrap justify-content: center diff --git a/app/src/plugins/tm@dashboard/_components/z-timeline.vue b/app/src/plugins/tm@dashboard/_components/z-timeline.vue index e5a9482..c53fbe1 100644 --- a/app/src/plugins/tm@dashboard/_components/z-timeline.vue +++ b/app/src/plugins/tm@dashboard/_components/z-timeline.vue @@ -484,9 +484,16 @@ export default { &.vuecal__event--focus z-index: 100 !important min-height: 350px !important + height: fit-content !important width: 100% !important left: 0 !important + .event__footer-wrapper + position: relative + + &__top + padding: 10px 0 0 0 + &:not(.vuecal__event--focus) &:has(.micro-event) .event__body padding: 5px !important diff --git a/app/src/plugins/tm@modal/task/z-task-modal.vue b/app/src/plugins/tm@modal/task/z-task-modal.vue index 4c27620..fa5f5c8 100644 --- a/app/src/plugins/tm@modal/task/z-task-modal.vue +++ b/app/src/plugins/tm@modal/task/z-task-modal.vue @@ -175,7 +175,7 @@ v-for="(employee, index) in subtask.employees" :key="`employee-${index}`" class="splitted-inputs remove-employee" - :class="{ 'hide-arrow': employee.id }" + :class="{ 'hide-arrow': employee?.id }" >