Test out previous changes in spin

Shopify · Jan 17, 2024 · cf8c9ac · cf8c9ac
1 parent 966d190
commit cf8c9ac
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/polaris-react/src/components/Modal/Modal.module.scss b/polaris-react/src/components/Modal/Modal.module.scss
@@ -2,6 +2,15 @@
 
 $small-width: 620px;
 
+.Body,
+.NoScrollBody {
+  flex-grow: 1;
+
+  @media #{$p-breakpoints-md-up} {
+    flex-grow: unset;
+  }
+}
+
 .Body {
   width: 100%;
 }

diff --git a/polaris-react/src/components/Modal/Modal.tsx b/polaris-react/src/components/Modal/Modal.tsx
@@ -169,9 +169,11 @@ export const Modal: React.FunctionComponent<ModalProps> & {
     );
 
     const scrollContainerMarkup = noScroll ? (
-      <Box width="100%" overflowX="hidden" overflowY="hidden">
-        {body}
-      </Box>
+      <div className={styles.NoScrollBody}>
+        <Box width="100%" overflowX="hidden" overflowY="hidden">
+          {body}
+        </Box>
+      </div>
     ) : (
       <Scrollable
         shadow