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

Merge pull request #5274 from manucorporat/better-action-sheet-ios

Browse Source 
fix(actionsheet): improve iOS ActionSheet CSS
This commit is contained in:
Adam Bradley
2016-01-31 21:26:04 -06:00
parent 1a8550c7eb 5eb178a463
commit d4afb4dc70
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ionic/components/action-sheet/action-sheet.ios.scss
View File

@ -5,20 +5,20 @@
// -------------------------------------------------- // --------------------------------------------------
$action-sheet-ios-group-margin: 10px !default; $action-sheet-ios-group-margin: 10px !default;
$action-sheet-ios-background-color: rgba(243,243,243,.95) !default; $action-sheet-ios-background-color: #f9f9f9 !default;
$action-sheet-ios-border-color: #d6d6da !default; $action-sheet-ios-border-color: #d6d6da !default;
$action-sheet-ios-border-radius: 13px !default; $action-sheet-ios-border-radius: 13px !default;
$action-sheet-ios-title-color: #5f5f5f !default; $action-sheet-ios-title-color: #8f8f8f !default;
$action-sheet-ios-title-font-size: 1.2rem !default; $action-sheet-ios-title-font-size: 1.3rem !default;
$action-sheet-ios-button-height: 5.6rem !default; $action-sheet-ios-button-height: 5.6rem !default;
$action-sheet-ios-button-padding: 18px !default; $action-sheet-ios-button-padding: 18px !default;
$action-sheet-ios-button-text-color: #007aff !default; $action-sheet-ios-button-text-color: #007aff !default;
$action-sheet-ios-button-font-size: 2rem !default; $action-sheet-ios-button-font-size: 2rem !default;
$action-sheet-ios-button-border-color: #d1d3d6 !default; $action-sheet-ios-button-border-color: #d1d3d6 !default;
$action-sheet-ios-button-background-active-color: #e9e9e9 !default; $action-sheet-ios-button-background-active-color: #ebebeb !default;
$action-sheet-ios-destructive-button-text-color: #f53d3d !default; $action-sheet-ios-destructive-button-text-color: #f53d3d !default;
$action-sheet-ios-cancel-button-background-color: #fff !default; $action-sheet-ios-cancel-button-background-color: #fff !default;
@ -44,9 +44,9 @@ ion-action-sheet {
} }
.action-sheet-title { .action-sheet-title {
padding: 2rem; padding: 1.5rem;
font-size: $action-sheet-ios-title-font-size; font-size: $action-sheet-ios-title-font-size;
font-weight: 500; font-weight: 400;
color: $action-sheet-ios-title-color; color: $action-sheet-ios-title-color;
border-radius: 0; border-radius: 0;
text-align: center; text-align: center;
@ -69,7 +69,10 @@ ion-action-sheet {
} }
&.activated { &.activated {
margin-top:-1px;
background: $action-sheet-ios-button-background-active-color; background: $action-sheet-ios-button-background-active-color;
border-bottom-color: $action-sheet-ios-button-background-active-color;
border-top:1px solid $action-sheet-ios-button-background-active-color;
} }
} }