styles

sumup-oss · Dec 20, 2024 · 3201f0f · 3201f0f
1 parent 1c1fed7
commit 3201f0f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/circuit-ui/components/Modal/Modal.module.css b/packages/circuit-ui/components/Modal/Modal.module.css
@@ -2,6 +2,7 @@
   --dialog-animation-duration: 0.3s;
 
   position: fixed;
+  max-height: 90vh;
   padding: 0;
   margin: auto;
   overflow-y: auto;
@@ -21,9 +22,11 @@
 
 .content {
   position: relative;
+  max-height: 90vh;
+  overflow-y: scroll;
 }
 
-.scrollable {
+.base::after {
   position: sticky;
   right: 0;
   bottom: env(safe-area-inset-bottom);
@@ -82,7 +85,7 @@
     padding-bottom: env(safe-area-inset-bottom);
   }
 
-  .scrollable {
+  .base::after {
     height: var(--cui-spacings-giga);
   }
 
@@ -122,7 +125,7 @@
     -webkit-overflow-scrolling: touch;
   }
 
-  .scrollable {
+  .base::after {
     height: var(--cui-spacings-mega);
   }
 

diff --git a/packages/circuit-ui/components/Modal/Modal.tsx b/packages/circuit-ui/components/Modal/Modal.tsx
@@ -296,7 +296,6 @@ export const Modal = forwardRef<HTMLDialogElement, ModalProps>((props, ref) => {
             {typeof children === 'function'
               ? children?.({ onClose })
               : children}
-            <div className={classes.scrollable} />
           </div>
         )}
       </dialog>