modify tooltip render direction to avoid clipping. (#4069)

* modify tooltip render direction to avoid clipping. * also correct remarks section. --------- Co-authored-by: Smith <devin.smith@quartech.com>
bcgov · May 31, 2024 · 513f7bc · 513f7bc
1 parent be9971a
commit 513f7bc
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/source/frontend/src/features/leases/add/LeaseDetailSubForm.tsx b/source/frontend/src/features/leases/add/LeaseDetailSubForm.tsx
@@ -104,6 +104,7 @@ export const LeaseDetailSubForm: React.FunctionComponent<ILeaseDetailsSubFormPro
                 <li>Archived: File to be archived as per ARCS/ORCS.</li>
               </ul>
             }
+            placement="right"
           ></TooltipIcon>
         }
         required

diff --git a/...res/mapSideBar/acquisition/tabs/compensation/detail/CompensationRequisitionDetailView.tsx b/...res/mapSideBar/acquisition/tabs/compensation/detail/CompensationRequisitionDetailView.tsx
@@ -352,7 +352,7 @@ export const CompensationRequisitionDetailView: React.FunctionComponent<
 
       <Section>
         <SectionField label="Detailed remarks" labelWidth="12">
-          {compensation.detailedRemarks}
+          <p style={{ whiteSpace: 'pre-wrap' }}>{compensation.detailedRemarks}</p>
         </SectionField>
       </Section>
 

diff --git a/...on/tabs/compensation/detail/__snapshots__/CompensationRequisitionDetailView.test.tsx.snap b/...on/tabs/compensation/detail/__snapshots__/CompensationRequisitionDetailView.test.tsx.snap
@@ -936,7 +936,11 @@ exports[`Compensation Detail View Component > renders as expected 1`] = `
           </div>
           <div
             class="c8 text-left col"
-          />
+          >
+            <p
+              style="white-space: pre-wrap;"
+            />
+          </div>
         </div>
       </div>
     </div>