diff --git a/ionic/components/popup/modes/md.scss b/ionic/components/popup/modes/md.scss index b895681f45..011f07613a 100644 --- a/ionic/components/popup/modes/md.scss +++ b/ionic/components/popup/modes/md.scss @@ -12,8 +12,8 @@ $popup-md-head-text-align: left !default; $popup-md-title-font-size: 20px !default; $popup-md-body-text-color: rgba(0,0,0,.5) !default; -$popup-md-button-text-color: color(primary) !default; $popup-md-button-min-height: 36px !default; +$popup-md-prompt-input-text-color: #000000; $popup-md-prompt-input-highlight-color: map-get($colors, primary) !default; $popup-md-prompt-input-placeholder-color: #b9b9b9; @@ -46,25 +46,24 @@ ion-popup { .prompt-input { border-bottom: 1px solid #dedede; + color: $popup-md-prompt-input-text-color; &::-webkit-input-placeholder { color: $popup-md-prompt-input-placeholder-color; } - &:-moz-placeholder { /* Firefox 18- */ color: $popup-md-prompt-input-placeholder-color; } - &::-moz-placeholder { /* Firefox 19+ */ color: $popup-md-prompt-input-placeholder-color; } - &:-ms-input-placeholder { color: $popup-md-prompt-input-placeholder-color; } &:focus { border-bottom: 2px solid $popup-md-prompt-input-highlight-color; + margin-bottom: 4px; } } @@ -73,17 +72,12 @@ ion-popup { justify-content: flex-end; button { + @extend button[clear]; -webkit-box-flex: initial; -webkit-flex: intiial; -ms-flex: initial; flex: initial; - background-color: transparent; - color: $popup-md-button-text-color; min-height: $popup-md-button-min-height; - - box-shadow: none; - -webkit-transition: none; - transition: none; } } diff --git a/ionic/components/popup/popup.ts b/ionic/components/popup/popup.ts index 99c8ebd875..b48bca4d5e 100644 --- a/ionic/components/popup/popup.ts +++ b/ionic/components/popup/popup.ts @@ -204,7 +204,7 @@ const OVERLAY_TYPE = 'popup'; '' + '' + '' + '