fix: get rid of workabound for bottom gap in Firefox, fix it properly (…

…#2317)
sweetalert2 · Sep 7, 2021 · 7857b9e · 7857b9e
1 parent a3ba6c6
commit 7857b9e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/src/scss/_core.scss b/src/scss/_core.scss
@@ -12,24 +12,16 @@
   grid-template-areas:
     "top-start     top            top-end"
     "center-start  center         center-end"
-    "bottom-start  bottom-center  bottom-end"
-    "gap gap gap";
-  grid-template-rows: auto auto auto $swal2-container-padding;
+    "bottom-start  bottom-center  bottom-end";
+  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
   height: 100%; // Safari
-  padding: $swal2-container-padding $swal2-container-padding 0;
+  padding: $swal2-container-padding;
   overflow-x: hidden;
   transition: $swal2-backdrop-transition;
 
   // sweetalert2/issues/905
   -webkit-overflow-scrolling: touch;
 
-  &::after { // #1986
-    content: '';
-    grid-column: 1/4;
-    grid-row: 4;
-    height: $swal2-container-padding;
-  }
-
   &.swal2-backdrop-show,
   &.swal2-noanimation {
     background: $swal2-backdrop;

diff --git a/src/variables.scss b/src/variables.scss
@@ -168,7 +168,7 @@ $swal2-close-button-focus-box-shadow: inset 0 0 0 3px $swal2-outline-color !defa
 $swal2-actions-flex-wrap: wrap !default;
 $swal2-actions-align-items: center !default;
 $swal2-actions-justify-content: center !default;
-$swal2-actions-width: 100% !default;
+$swal2-actions-width: auto !default;
 $swal2-actions-margin: 1.25em auto 0 !default;
 $swal2-actions-padding: 0 !default;