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): md alert buttons

Browse Source
This commit is contained in:
Adam Bradley
2015-12-30 21:33:51 -06:00
parent 1d5d0d6517
commit 948e5e2870
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -32,6 +32,7 @@ $alert-ios-input-border-radius: 4px !default;
$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-color: #c8c7cc !default;
$alert-ios-button-activated-background-color: #e9e9e9 !default;
@@ -89,7 +90,7 @@ ion-alert {
border-top: 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;
background-color: $alert-ios-button-background-color;
&:last-child {
font-weight: bold;

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

@@ -24,6 +24,8 @@ $alert-md-input-highlight-color: map-get($colors-md, primary) !default;
$alert-md-input-margin-top: 5px !default;
$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-buttons-padding: 8px 8px 8px 24px !default;
$alert-md-buttons-justify-content: flex-end !default;
@@ -70,6 +72,14 @@ $alert-md-buttons-justify-content: flex-end !default;
justify-content: $alert-md-buttons-justify-content;
}
.alert-button.activated {
opacity: 1;
.alert-button {
position: relative;
overflow: hidden;
font-weight: 500;
color: $alert-md-button-text-color;
background-color: $alert-md-button-background-color;
&.activated {
opacity: 1;
}
}