From db3e03e4f0ebfc89b4bf26be86e80a9771c47d49 Mon Sep 17 00:00:00 2001
From: Roly Gutierrez <roly.gutierrez@processmaker.com>
Date: Fri, 27 Sep 2024 17:44:55 -0400
Subject: [PATCH] feature/FOUR-18099 STORY Tasks from Processes I manage
 section

---
 resources/js/tasks/components/TasksList.vue    |  9 ++++++++-
 resources/js/tasks/components/TasksPreview.vue | 11 +++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/resources/js/tasks/components/TasksList.vue b/resources/js/tasks/components/TasksList.vue
index 5db813ee4d..92f9192799 100644
--- a/resources/js/tasks/components/TasksList.vue
+++ b/resources/js/tasks/components/TasksList.vue
@@ -327,6 +327,10 @@ export default {
       type: String,
       default: "tasks",
     },
+    verifyUrlToFalse: {
+      type: Boolean,
+      default: false
+    }
   },
   data() {
     return {
@@ -846,7 +850,10 @@ export default {
     },
     verifyURL(string) {
       const currentUrl = window.location.href;
-      const isInUrl = currentUrl.includes(string);
+      let isInUrl = currentUrl.includes(string);
+      if (this.verifyUrlToFalse) {
+        isInUrl = false;
+      }
       return isInUrl;
     },
     /**
diff --git a/resources/js/tasks/components/TasksPreview.vue b/resources/js/tasks/components/TasksPreview.vue
index 4f09025dc9..d06e1e8c45 100644
--- a/resources/js/tasks/components/TasksPreview.vue
+++ b/resources/js/tasks/components/TasksPreview.vue
@@ -51,7 +51,7 @@
     <splitpane-container v-if="showPreview" :size="splitpaneSize">
       <div
         ref="tasks-preview"
-        class="tasks-preview h-100 p-3"
+        class="tasks-preview h-100 p-3 position-relative"
       >
           <div class="d-flex w-100 mb-3">
             <slot name="header" v-bind:close="onClose" v-bind:screenFilteredTaskData="formData" v-bind:taskReady="taskReady">
@@ -168,7 +168,7 @@
           </div>
           <div
             id="reassign-container"
-            class="d-flex mb-3"
+            class="d-flex align-items-center overlay-div position-absolute top-0 start-0 w-100 bg-white shadow-lg p-2 pr-4"
             v-if="showReassignment"
           >
             <div class="mr-3">
@@ -209,10 +209,10 @@
                 </template>
               </select-from-api>
             </div>
-            <button type="button" class="btn btn-secondary ml-2" @click="reassignUser" :disabled="disabled">
+            <button type="button" class="btn btn-primary btn-sm ml-2" @click="reassignUser" :disabled="disabled">
               {{ $t('Assign') }}
             </button>
-            <button type="button" class="btn btn-outline-secondary ml-2" @click="cancelReassign">
+            <button type="button" class="btn btn-outline-secondary btn-sm ml-2" @click="cancelReassign">
               {{ $t('Cancel') }}
             </button>
           </div>
@@ -221,8 +221,7 @@
             'frame-container-full': tooltipButton === 'fullTask',
             'frame-container-inbox': tooltipButton === 'inboxRules'
           }"
-          class="iframe-container"
-          v-show="!showReassignment">
+          class="iframe-container">
             <iframe
               v-if="showFrame1"
               :title="$t('Preview')"