Merge pull request #269 from AppQuality/fix-mobile-modals

🐛 fix(modals/index.tsx): adjust styles for isExtraLarge prop in UgModal component
AppQuality · Sep 13, 2023 · 1be7e3d · 1be7e3d
2 parents cf6a549 + edb623d
commit 1be7e3d
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%;
   }
 `;