From 439c8abbe2ca88535b01b14c81c7a75d2c9dea97 Mon Sep 17 00:00:00 2001
From: jasquat <2487833+jasquat@users.noreply.github.com>
Date: Wed, 20 Sep 2023 16:03:58 -0400
Subject: [PATCH] allow instructions to collapse in view completed form and
 make items in text fields a little more readable w/ burnettk (#506)

Co-authored-by: jasquat <jasquat@users.noreply.github.com>
---
 spiffworkflow-frontend/src/components/TaskListTable.tsx  | 4 ++--
 spiffworkflow-frontend/src/index.css                     | 9 +++++++++
 .../src/routes/ProcessInstanceShow.tsx                   | 5 ++---
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/spiffworkflow-frontend/src/components/TaskListTable.tsx b/spiffworkflow-frontend/src/components/TaskListTable.tsx
index cfd1e216a..e8f03036b 100644
--- a/spiffworkflow-frontend/src/components/TaskListTable.tsx
+++ b/spiffworkflow-frontend/src/components/TaskListTable.tsx
@@ -179,7 +179,7 @@ export default function TaskListTable({
             </div>
           </div>
           <hr />
-          <InstructionsForEndUser task={formSubmissionTask} />
+          <InstructionsForEndUser task={formSubmissionTask} allowCollapse />
           <CustomForm
             id={formSubmissionTask.guid}
             formData={formSubmissionTask.data}
@@ -325,7 +325,7 @@ export default function TaskListTable({
             variant="primary"
             onClick={() => getFormSubmissionDataForTask(processInstanceTask)}
           >
-            View form
+            View task
           </Button>
         );
       }
diff --git a/spiffworkflow-frontend/src/index.css b/spiffworkflow-frontend/src/index.css
index a720e6715..3f206ee26 100644
--- a/spiffworkflow-frontend/src/index.css
+++ b/spiffworkflow-frontend/src/index.css
@@ -840,3 +840,12 @@ div.cds--tag svg {
 div.onboarding {
   margin-bottom: 2rem;
 }
+
+.cds--text-input:disabled,
+.cds--text-area:disabled,
+.cds--date-picker__input:disabled,
+.cds--select-input:disabled,
+.cds--select-input:hover:disabled {
+  --cds-text-disabled: rgba(22, 22, 22, .5);
+  background-color: #ffffff
+}
diff --git a/spiffworkflow-frontend/src/routes/ProcessInstanceShow.tsx b/spiffworkflow-frontend/src/routes/ProcessInstanceShow.tsx
index 3d991fd72..cedb8d00e 100644
--- a/spiffworkflow-frontend/src/routes/ProcessInstanceShow.tsx
+++ b/spiffworkflow-frontend/src/routes/ProcessInstanceShow.tsx
@@ -1475,7 +1475,7 @@ export default function ProcessInstanceShow({ variant }: OwnProps) {
             <Tab disabled={!canViewLogs}>Milestones</Tab>
             <Tab disabled={!canViewLogs}>Events</Tab>
             <Tab disabled={!canViewMsgs}>Messages</Tab>
-            <Tab>My Forms</Tab>
+            <Tab>My completed tasks</Tab>
           </TabList>
           <TabPanels>
             <TabPanel>
@@ -1511,14 +1511,13 @@ export default function ProcessInstanceShow({ variant }: OwnProps) {
                 <TaskListTable
                   apiPath={`/tasks/completed-by-me/${processInstance.id}`}
                   paginationClassName="with-large-bottom-margin"
-                  textToShowIfEmpty="There are no tasks you can complete for this process instance."
+                  textToShowIfEmpty="There are no tasks you completed for this process instance."
                   shouldPaginateTable={false}
                   showProcessModelIdentifier={false}
                   showProcessId={false}
                   showStartedBy={false}
                   showTableDescriptionAsTooltip
                   showDateStarted={false}
-                  hideIfNoTasks
                   showWaitingOn={false}
                   canCompleteAllTasks={false}
                   showViewFormDataButton