fix: CE-1143-apply-scroll-bar-to-assign-modal (#710)

Co-authored-by: afwilcox <[email protected]>
bcgov · Oct 16, 2024 · 24a3c76 · 24a3c76
1 parent d86e33e
commit 24a3c76
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/...nents/containers/complaints/outcomes/ceeb/authorization-outcome/authorization-outcome.tsx b/...nents/containers/complaints/outcomes/ceeb/authorization-outcome/authorization-outcome.tsx
@@ -47,7 +47,7 @@ export const AuthoizationOutcome: FC = () => {
         modalSize: "md",
         modalType: DELETE_CONFIRM,
         data: {
-          title: "Delete Authorization?",
+          title: "Delete authorization?",
           description: "Your changes will be lost.",
           confirmText: "delete authorization",
           deleteConfirmed: () => {

diff --git a/frontend/src/app/components/modal/instances/assign-officer-modal.tsx b/frontend/src/app/components/modal/instances/assign-officer-modal.tsx
@@ -215,7 +215,7 @@ export const AssignOfficerModal: FC<AssignOfficerModalProps> = ({ close, submit,
         </section>
         <section>
           <h4 style={{ marginBottom: "8px", fontSize: "16px", fontWeight: 700 }}>{renderHeading()}</h4>
-          <ListGroup>{renderOfficers()}</ListGroup>
+          <ListGroup className="modal-scroll">{renderOfficers()}</ListGroup>
         </section>
       </Modal.Body>
       <Modal.Footer>

diff --git a/frontend/src/assets/sass/layout.scss b/frontend/src/assets/sass/layout.scss
@@ -374,6 +374,13 @@ button.modal-buttons {
   background-color: $gray-100;
 }
 
+.modal-scroll {
+  min-height: 70px;
+  max-height: 264px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
 .self-assign {
   margin-bottom: 10px;
   &:hover {