javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(alert): iOS css

Browse Source
This commit is contained in:
Adam Bradley
2015-12-30 21:13:42 -06:00
parent c2ba7b164e
commit 0a9700c00a
1 changed files with 11 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,6 +31,7 @@ $alert-ios-input-border-radius: 4px !default;
$alert-ios-button-min-height: 44px !default; $alert-ios-button-min-height: 44px !default;
$alert-ios-button-font-size: 17px !default; $alert-ios-button-font-size: 17px !default;
$alert-ios-button-text-color: map-get($colors-ios, primary) !default;
$alert-ios-button-border-color: #c8c7cc !default; $alert-ios-button-border-color: #c8c7cc !default;
$alert-ios-button-activated-background-color: #e9e9e9 !default; $alert-ios-button-activated-background-color: #e9e9e9 !default;
@ -79,20 +80,21 @@ ion-alert {
-webkit-appearance: none; -webkit-appearance: none;
} }
.alert-buttons {
:last-child {
font-weight: bold;
border-right: 0;
}
}
.alert-button { .alert-button {
margin: 0; margin: 0;
flex: 1; flex: 1;
border-radius: 0;
font-size: $alert-ios-button-font-size; font-size: $alert-ios-button-font-size;
min-height: $alert-ios-button-min-height; min-height: $alert-ios-button-min-height;
border-radius: 0;
border-top: 1px solid $alert-ios-button-border-color;
border-right: 1px solid $alert-ios-button-border-color; border-right: 1px solid $alert-ios-button-border-color;
color: $alert-ios-button-text-color;
background-color: transparent;
&:last-child {
font-weight: bold;
border-right: 0;
}
&.activated { &.activated {
opacity: 1; opacity: 1;
@ -102,16 +104,6 @@ ion-alert {
&:hover:not(.disable-hover) { &:hover:not(.disable-hover) {
opacity: 1; opacity: 1;
} }
&:before {
position: absolute;
top: 0;
right: 0;
left: 0;
border-top: 1px solid $alert-ios-button-border-color;
content: '';
pointer-events: none;
}
} }
&.hairlines { &.hairlines {
@ -120,10 +112,7 @@ ion-alert {
} }
.alert-button { .alert-button {
border-top-width: 0.55px;
border-right-width: 0.55px; border-right-width: 0.55px;
&:before {
border-top-width: 0.55px;
}
} }
} }