feat(community-modal): applied max-height to modal overlay

applied max-height to modal overlay for android devices

Author: archit-mahto

packages/Modal/__tests__/__snapshots__/Modal.spec.jsx.snap

@@ -249,9 +249,12 @@ exports[`Modal renders 1`] = `
   background-color: #fff;
   width: 100%;
   height: 100%;
+  max-height: 100vh;
   position: fixed;
   top: 0;
+  bottom: 0;
   left: 0;
+  right: 0;
   z-index: 1400;
 }
 
@@ -795,9 +798,12 @@ exports[`Modal renders 1`] = `
   background-color: #fff;
   width: 100%;
   height: 100%;
+  max-height: 100vh;
   position: fixed;
   top: 0;
+  bottom: 0;
   left: 0;
+  right: 0;
   z-index: 1400;
 }
 

packages/Modal/styles.jsx

@@ -10,9 +10,12 @@ export const FullScreenOverlay = styled.div(props => {
       backgroundColor: colorWhite,
       width: '100%',
       height: '100%',
+      maxHeight: '100vh',
       position: 'fixed',
       top: '0',
+      bottom: '0',
       left: '0',
+      right: '0',
       zIndex: '1400',
       ...media.from('md').css({
         backgroundColor: 'rgba(255, 255, 255, 0.94)',