diff --git a/ionic/components/alert/alert.md.scss b/ionic/components/alert/alert.md.scss index 7a7811945a..831e765296 100644 --- a/ionic/components/alert/alert.md.scss +++ b/ionic/components/alert/alert.md.scss @@ -10,12 +10,13 @@ $alert-md-background-color: #fafafa !default; $alert-md-box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.4) !default; $alert-md-head-text-align: left !default; -$alert-md-head-padding: 24px 24px 10px 24px !default; +$alert-md-head-padding: 24px 24px 20px 24px !default; -$alert-md-title-font-size: 20px !default; -$alert-md-sub-title-font-size: 15px !default; +$alert-md-title-font-size: 22px !default; +$alert-md-sub-title-font-size: 16px !default; -$alert-md-message-padding: 10px 24px 24px 24px !default; +$alert-md-message-font-size: 15px !default; +$alert-md-message-padding: 0 24px 24px 24px !default; $alert-md-message-text-color: rgba(0,0,0,.5) !default; $alert-md-input-border-color: #dedede !default; @@ -64,6 +65,10 @@ $alert-md-buttons-justify-content: flex-end !default; color: $alert-md-message-text-color; } +.alert-message { + font-size: $alert-md-message-font-size; +} + // Material Design Alert Input // -------------------------------------------------- @@ -87,7 +92,7 @@ $alert-md-buttons-justify-content: flex-end !default; .alert-checkbox-group { position: relative; border-top: 1px solid $alert-md-input-border-color; - border-bottom: 1px solid $alert-md-input-border-color; + border-bottom: 1px solid $alert-md-input-border-color; max-height: 240px; overflow: auto; } @@ -214,6 +219,7 @@ $alert-md-buttons-justify-content: flex-end !default; font-weight: 500; color: $alert-md-button-text-color; background-color: $alert-md-button-background-color; + text-transform: uppercase; &.activated { opacity: 1; diff --git a/ionic/components/alert/test/basic/index.ts b/ionic/components/alert/test/basic/index.ts index 738a7ea64c..21c358a8bb 100644 --- a/ionic/components/alert/test/basic/index.ts +++ b/ionic/components/alert/test/basic/index.ts @@ -16,8 +16,9 @@ class E2EPage { doAlert() { let alert = Alert.create({ - title: 'Alert!', - subTitle: 'Subtitle!!!', + title: 'Alert', + subTitle: 'Subtitle', + message: 'This is an alert message.', buttons: ['OK'] });