Alexey Boroda / demo-core

Commit a57c0c927045528c37c05427f53199444738b7b6

Authored by Eugeny Galkovskiy
1 parent 2f083e2c

modal success styles and script

Showing 2 changed files with 19 additions and 3 deletions   Show diff stats
Inline Side-by-side
css/modal.css
  Show/Hide comments   View file @a57c0c9
... ... @@ -63,4 +63,16 @@
63 63 }
64 64 .success_ .forms_wr_ {
65 65 box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.34);
  66 +}
  67 +@media(max-width:575px){
  68 + .forms_wr_, #success-modal .forms_wr_{
  69 + width: 100%;
  70 + left: 0;
  71 + margin: 0;
  72 + border-radius: 0;
  73 + }
  74 + #success-modal {
  75 + top: 0;
  76 + margin: 0;
  77 + }
66 78 }
67 79 \ No newline at end of file
... ...
js/modal.js
  Show/Hide comments   View file @a57c0c9
... ... @@ -27,6 +27,10 @@ $(
27 27 $(this).css('display', 'none');
28 28 $('#overlay').fadeOut(400);
29 29 });
  30 + $('.success_').animate({opacity: 0, top: '0'}, 200,function(){
  31 + $(this).css('display', 'none');
  32 + $('#overlay').fadeOut(400);
  33 + });
30 34 $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){
31 35 $(this).css('display', 'none');
32 36 $(this).css({top:'50%'});
... ... @@ -51,9 +55,6 @@ $(
51 55 $(".success_ button").click(function(){
52 56 $(".success_").removeClass("done_");
53 57 });
54   - $(".overlay-new").click(function(){
55   - $(".close").click();
56   - });
57 58 $("#success-modal button.btn.btn-template-primary").click(function(){
58 59 $(".close").click();
59 60 $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){
... ... @@ -65,5 +66,8 @@ $(
65 66 $(this).css({top:'50%'});
66 67 });
67 68 });
  69 + $(".overlay-new").click(function(){
  70 + $(".close").click();
  71 + });
68 72 }
69 73 );
70 74 \ No newline at end of file
... ...