style: fix modal size with large number of exams (#45)

edx · Aug 30, 2024 · f90c6aa · f90c6aa
1 parent d478eae
commit f90c6aa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/pages/ExamsPage/components/AddAllowanceModal.jsx b/src/pages/ExamsPage/components/AddAllowanceModal.jsx
@@ -109,8 +109,10 @@ const AddAllowanceModal = ({ isOpen, close }) => {
       isOpen={isOpen}
       onClose={onClose}
       size="md"
+      isOverflowVisible={false}
       hasCloseButton
       isFullscreenOnMobile
+      isFullscreenScroll
     >
       <ModalDialog.Header>
         <ModalDialog.Title>

diff --git a/src/pages/ExamsPage/components/__snapshots__/AddAllowanceModal.test.jsx.snap b/src/pages/ExamsPage/components/__snapshots__/AddAllowanceModal.test.jsx.snap
@@ -34,7 +34,7 @@ exports[`AddAllowanceModal should match snapshot 1`] = `
           />
           <div
             aria-label="Add a new allowance"
-            class="pgn__modal pgn__modal-md pgn__modal-default pgn__modal-visible-overflow"
+            class="pgn__modal pgn__modal-md pgn__modal-default pgn__modal-scroll-fullscreen"
             role="dialog"
           >
             <div