modal success styles and script

Eugeny Galkovskiy
1 parent 2f083e2c
Showing 2 changed files with 19 additions and 3 deletions Show diff stats
css/modal.css
js/modal.js
@@ -63,4 +63,16 @@
 }
 .success_ .forms_wr_ {
     box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.34);
+}
+@media(max-width:575px){
+    .forms_wr_, #success-modal .forms_wr_{
+        width: 100%;
+        left: 0;
+        margin: 0;
+        border-radius: 0;
+    }
+    #success-modal {
+        top: 0;
+        margin: 0;
+    }
 }
 \ No newline at end of file
@@ -27,6 +27,10 @@ $(
                     $(this).css('display', 'none');
                     $('#overlay').fadeOut(400);
                 });
+                $('.success_').animate({opacity: 0, top: '0'}, 200,function(){
+                    $(this).css('display', 'none');
+                    $('#overlay').fadeOut(400);
+                });
                 $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){
                     $(this).css('display', 'none');
                     $(this).css({top:'50%'});
@@ -51,9 +55,6 @@ $(
         $(".success_ button").click(function(){
             $(".success_").removeClass("done_");
         });
-        $(".overlay-new").click(function(){
-            $(".close").click();
-        });
         $("#success-modal button.btn.btn-template-primary").click(function(){
             $(".close").click();
             $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){
@@ -65,5 +66,8 @@ $(
                 $(this).css({top:'50%'});
             });
         });
+        $(".overlay-new").click(function(){
+            $(".close").click();
+        });
     }
 );
 \ No newline at end of file