From 8a4f3a916f2eae71f0106c42d257b5ee4dc77928 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 31 Oct 2025 16:39:30 +0000 Subject: [PATCH] fix: remove duplicate close button on mobile task detail view When viewing a task in modal mode on mobile, both a back button and a close button were displayed, causing confusion. The back button condition `!isModal || isMobile` meant it would show on mobile even in modal mode. This fix changes the back button to only display when not in modal mode (`!isModal`), ensuring only the close button appears when viewing tasks in a modal on mobile devices. Also removed the now-unused `isMobile` variable and its import. --- frontend/src/views/tasks/TaskDetailView.vue | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/frontend/src/views/tasks/TaskDetailView.vue b/frontend/src/views/tasks/TaskDetailView.vue index dc476c7e9..507f8db68 100644 --- a/frontend/src/views/tasks/TaskDetailView.vue +++ b/frontend/src/views/tasks/TaskDetailView.vue @@ -13,7 +13,7 @@ class="task-view" > @@ -617,7 +617,7 @@ import {ref, reactive, shallowReactive, computed, watch, nextTick, onMounted} fr import {useRouter, useRoute, type RouteLocation, onBeforeRouteLeave} from 'vue-router' import {storeToRefs} from 'pinia' import {useI18n} from 'vue-i18n' -import {unrefElement, useDebounceFn, useElementSize, useIntersectionObserver, useMediaQuery, useMutationObserver} from '@vueuse/core' +import {unrefElement, useDebounceFn, useElementSize, useIntersectionObserver, useMutationObserver} from '@vueuse/core' import {klona} from 'klona/lite' import TaskService from '@/services/task' @@ -781,7 +781,6 @@ const color = computed(() => { }) const isModal = computed(() => Boolean(props.backdropView)) -const isMobile = useMediaQuery('(max-width: 1024px)') function attachmentUpload(file: File, onSuccess?: (url: string) => void) { return uploadFile(props.taskId, file, onSuccess)