Merge pull request #2489 from Bonymol-aot/FWF-4192/long-name-issues

Resolved long form and flow name issues
AOT-Technologies · Jan 8, 2025 · c34fc9a · c34fc9a
2 parents 98feed6 + d16c0f9
commit c34fc9a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/forms-flow-web/src/components/Application/Details/ApplicationDetails.js b/forms-flow-web/src/components/Application/Details/ApplicationDetails.js
@@ -24,7 +24,7 @@ const ApplicationDetails = React.memo((props) => {
             <Translation>{(t) => t("Form Name")}</Translation>
           </td>
           <td className="border-0">:</td>
-          <td className="border-0 text-truncate" id="application-name">
+          <td className="border-0" id="application-name">
             {startCase(application.applicationName)}
           </td>
         </tr>

diff --git a/forms-flow-web/src/components/Modals/ExportModal.js b/forms-flow-web/src/components/Modals/ExportModal.js
@@ -99,7 +99,7 @@ const ExportModal = React.memo(({ showExportModal, onClose, mapperId, formTitle
         />
         <div className="mt-2 flex-wrap  d-flex align-items-center">
           {/* Keep FileName.json black */}
-          <span className="text-dark">{fileName}&nbsp;</span>
+          <span className="text-dark long-form-name my-2">{fileName}&nbsp;</span>
           <span className={isError ? "text-danger" : "text-primary"}>
             {/* Display the failure message in red or success message in blue */}
             {isError ? (

diff --git a/forms-flow-web/src/components/ServiceFlow/details/ServiceTaskDetails.js b/forms-flow-web/src/components/ServiceFlow/details/ServiceTaskDetails.js
@@ -268,10 +268,10 @@ const ServiceFlowTaskDetails = React.memo(() => {
         <Card className="me-2 bg-light">
                         <Card.Body>
                             <div className="d-flex justify-content-between">
-                            <Col >
+                            <Col className="text-truncate">
                                     <Row className="ms-0 task-header">{task?.name}</Row>
                                     <Row className="ms-0 fs-5 fw-normal">
-                                        <span className="application-id" title={t("Flow")}>
+                                        <span className="application-id text-truncate" title={t("Flow")}>
                                             {" "}
                                             {
                                                 getProcessDataObjectFromList(processList,