updated the modal animations

austintoddj · Jan 28, 2020 · 66bb4ac · 66bb4ac
1 parent ddc6321
commit 66bb4ac
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 14 deletions.
diff --git a/public/css/app-dark.css b/public/css/app-dark.css
@@ -6827,12 +6827,12 @@ a.close.disabled {
 }
 
 .modal.fade .modal-dialog {
-  -webkit-transition: -webkit-transform 0.3s ease-out;
-  transition: -webkit-transform 0.3s ease-out;
-  transition: transform 0.3s ease-out;
-  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-  -webkit-transform: translate(0, -50px);
-          transform: translate(0, -50px);
+  -webkit-transition: -webkit-transform 0.2s ease-out;
+  transition: -webkit-transform 0.2s ease-out;
+  transition: transform 0.2s ease-out;
+  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
+  -webkit-transform: scale(0.8);
+          transform: scale(0.8);
 }
 
 @media (prefers-reduced-motion: reduce) {

diff --git a/public/css/app.css b/public/css/app.css
@@ -6781,12 +6781,12 @@ a.close.disabled {
 }
 
 .modal.fade .modal-dialog {
-  -webkit-transition: -webkit-transform 0.3s ease-out;
-  transition: -webkit-transform 0.3s ease-out;
-  transition: transform 0.3s ease-out;
-  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-  -webkit-transform: translate(0, -50px);
-          transform: translate(0, -50px);
+  -webkit-transition: -webkit-transform 0.2s ease-out;
+  transition: -webkit-transform 0.2s ease-out;
+  transition: transform 0.2s ease-out;
+  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
+  -webkit-transform: scale(0.8);
+          transform: scale(0.8);
 }
 
 @media (prefers-reduced-motion: reduce) {

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
     "/js/app.js": "/js/app.js?id=f0f8d5f228087994d7dc",
-    "/css/app.css": "/css/app.css?id=d0749a6891cfea4a6814",
-    "/css/app-dark.css": "/css/app-dark.css?id=4372fc6714ff030edb6c",
+    "/css/app.css": "/css/app.css?id=2d0ad36f0a8b0b9ad51a",
+    "/css/app-dark.css": "/css/app-dark.css?id=2805d5628958c2017912",
     "/favicon.ico": "/favicon.ico?id=b3aec2f33a001156e320"
 }
diff --git a/resources/sass/_variables.scss b/resources/sass/_variables.scss
@@ -25,3 +25,6 @@ $border-radius-sm: .4rem;
 $modal-content-border-radius: .5rem;
 
 $custom-select-indicator-color: $gray-500;
+
+$modal-fade-transform: scale(.8);
+$modal-transition: transform .2s ease-out;