diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue
index 95fc974a..6aa6e8f2 100644
--- a/resources/assets/js/pages/manage/components/TaskDetail.vue
+++ b/resources/assets/js/pages/manage/components/TaskDetail.vue
@@ -68,10 +68,7 @@
+ :class="{'task-detail':true, 'open-dialog': hasOpenDialog, 'completed': taskDetail.complete_at}">
-
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index 38edbe1e..b2ec45be 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -531,6 +531,7 @@
flex: 1;
display: flex;
flex-direction: column;
+ position: relative;
.no-tip {
flex: 1;
display: none;
@@ -555,6 +556,33 @@
display: none;
}
}
+ .drag-over {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 3;
+ background-color: rgba(255, 255, 255, 0.78);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ &:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 36px;
+ right: 0;
+ bottom: 0;
+ border: 2px dashed #7b7b7b;
+ border-radius: 12px;
+ }
+ .drag-text {
+ padding: 12px;
+ font-size: 18px;
+ color: #666666;
+ }
+ }
}
.project-log {
margin-left: 36px;
@@ -602,33 +630,6 @@
height: 32px;
}
}
- .drag-over {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 3;
- background-color: rgba(255, 255, 255, 0.78);
- display: flex;
- align-items: center;
- justify-content: center;
- &:before {
- content: "";
- position: absolute;
- top: 16px;
- left: 16px;
- right: 16px;
- bottom: 16px;
- border: 2px dashed #7b7b7b;
- border-radius: 12px;
- }
- .drag-text {
- padding: 12px;
- font-size: 18px;
- color: #666666;
- }
- }
&.open-dialog {
flex-direction: row;