Merge pull request #1557 from Kajabi/SAGE-773/ae-modal-content-max-width

[Sage-773] Modal - Content Max Width
Kajabi · Aug 17, 2022 · d4263a4 · d4263a4
2 parents df10f46 + 7e6a5fd
commit d4263a4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/sage-assets/lib/stylesheets/components/_modal.scss b/packages/sage-assets/lib/stylesheets/components/_modal.scss
@@ -10,6 +10,7 @@ $-modal-padding-y: sage-spacing(md);
 $-modal-margin-lg: 6vh;
 $-modal-margin-xl: 8vh;
 $-modal-header-image-size: rem(28px);
+$-modal-fullscreen-max-width: sage-container(full);
 $-modal-fullscreen-top-spacing: rem(104px);
 $-modal-inner-size: sage-container(md);
 
@@ -238,7 +239,8 @@ $-modal-inner-size: sage-container(md);
   margin: $-modal-padding-y $-modal-padding-x;
 
   .sage-modal--fullscreen & {
-    margin-top: $-modal-fullscreen-top-spacing;
+    max-width: $-modal-fullscreen-max-width;
+    margin: $-modal-fullscreen-top-spacing auto 0 auto;
   }
 
   .sage-modal--scrollable & {