javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(alert): add z-index and border-radius to fix ripple

Browse Source 
copy button css to fix the border on ripple

closes #5203
This commit is contained in:
Brandy Carney
2016-01-26 14:32:08 -05:00
parent 18eb967115
commit 5b0d60d4a2
3 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ionic/components/alert/alert.ios.scss
View File

@@ -33,6 +33,7 @@ $alert-ios-button-min-height: 44px !default;
$alert-ios-button-font-size: 17px !default;
$alert-ios-button-text-color: map-get($colors-ios, primary) !default;
$alert-ios-button-background-color: transparent !default;
$alert-ios-button-border-radius: 0 !default;
$alert-ios-button-border-color: #c8c7cc !default;
$alert-ios-button-activated-background-color: #e9e9e9 !default;
@@ -172,7 +173,7 @@ ion-alert {
flex: 1;
font-size: $alert-ios-button-font-size;
min-height: $alert-ios-button-min-height;
border-radius: 0;
border-radius: $alert-ios-button-border-radius;
border-top: 1px solid $alert-ios-button-border-color;
border-right: 1px solid $alert-ios-button-border-color;
color: $alert-ios-button-text-color;

2
ionic/components/alert/alert.md.scss
View File

@@ -27,6 +27,7 @@ $alert-md-input-margin-bottom: 5px !default;
$alert-md-button-text-color: map-get($colors-md, primary) !default;
$alert-md-button-background-color: transparent !default;
$alert-md-button-border-radius: 2px !default;
$alert-md-buttons-padding: 8px 8px 8px 24px !default;
$alert-md-buttons-justify-content: flex-end !default;
@@ -219,6 +220,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;
border-radius: $alert-md-button-border-radius;
text-transform: uppercase;
&.activated {

1
ionic/components/alert/alert.scss
View File

@@ -74,6 +74,7 @@ ion-alert {
.alert-button {
display: block;
margin: 0;
z-index: 0;
line-height: $alert-button-line-height;
font-size: $alert-button-font-size;
margin-right: $alert-button-margin-right;