refactor(sass): fix incorrect sass value, add max width to alert

references #5565
ionic-team · Mar 3, 2016 · 3d12e69 · 3d12e69
1 parent 1e73a34
commit 3d12e69
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/ionic/components/alert/alert.wp.scss b/ionic/components/alert/alert.wp.scss
@@ -7,6 +7,7 @@
 $alert-wp-backdrop-background:                 white !default;
 
 $alert-wp-width:                               100% !default;
+$alert-wp-max-width:                           520px !default;
 $alert-wp-border-radius:                       0 !default;
 $alert-wp-border-width:                        1px !default;
 $alert-wp-border-style:                        solid !default;
@@ -55,7 +56,7 @@ $alert-wp-button-group-justify-content:        flex-end !default;
 $alert-wp-button-group-flex-wrap:              wrap-reverse !default;
 
 $alert-wp-button-group-vertical-width:         100% !default;
-$alert-wp-button-group-vertical-margin-top:    100% !default;
+$alert-wp-button-group-vertical-margin-top:    5px !default;
 
 ion-alert {
   .backdrop {
@@ -65,6 +66,7 @@ ion-alert {
 
 .alert-wrapper {
   width: $alert-wp-width;
+  max-width: $alert-wp-max-width;
   border-radius: $alert-wp-border-radius;
   background: $alert-wp-background;
   border: $alert-wp-border-width $alert-wp-border-style $alert-wp-border-color;