Merge pull request #541 from codeforpdx/539-Enhancement-Add-Max-Heigh…

…t-For-Sign-In-Autocomplete-Component Add max height for autocomplete and signInModal components
codeforpdx · Nov 27, 2023 · 5dfdc94 · 5dfdc94
2 parents d2c555a + 85e78fa
commit 5dfdc94
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Modals/SignInModal.jsx b/src/components/Modals/SignInModal.jsx
@@ -26,6 +26,7 @@ const SignInModal = ({ showSignInModal, setShowSignInModal }) => (
     aria-labelledby="dialog-title"
     aria-describedby="dialog-description"
     onClose={() => setShowSignInModal(false)}
+    PaperProps={{ sx: { maxHeight: '20rem', overflow: 'clip' } }}
   >
     <DialogTitle id="dialog-title" textAlign="center">
       Sign In

diff --git a/src/components/NavBar/OidcLoginComponent.jsx b/src/components/NavBar/OidcLoginComponent.jsx
@@ -79,6 +79,7 @@ const OidcLoginComponent = ({ setShowSignInModal }) => {
         onInputChange={(_, newInputValue) => {
           setOidcIssuer(newInputValue);
         }}
+        ListboxProps={{ style: { maxHeight: '12rem' } }}
         renderInput={(renderParams) => (
           <TextField
             {...renderParams}