Merge pull request #270 from AppQuality/develop

Modal responsive improvements
AppQuality · Sep 13, 2023 · 7b40cd5 · 7b40cd5
2 parents 789a17e + 1be7e3d
commit 7b40cd5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/stories/modals/index.tsx b/src/stories/modals/index.tsx
@@ -15,12 +15,14 @@ const UgModalBody = styled(ModalBody)`
 `;
 
 const UgModal = styled(ZendeskModal)<ModalArgs>`
-  ${({ isExtraLarge }) => isExtraLarge && "height: 90%; width: 90%;"}
+  ${({ isExtraLarge }) => isExtraLarge && "height: 90%; max-height: 90%; width: 90%;"}
 
   @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
     top: 0;
-    height: 100%;
+    left: 0;
     width: 100%;
+    height: 100%;
+    max-height: 100%;
   }
 `;