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

fix(popup): Fixed iOS styling

Browse Source 
References #183
This commit is contained in:
Brandy Carney
2015-10-02 14:20:20 -04:00
parent dcc76f7e8d
commit 78224f35ea
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ionic/components/popup/modes/ios.scss
View File

@ -2,7 +2,7 @@
// iOS Popups
// --------------------------------------------------
$popup-ios-max-width: 84% !default;
$popup-ios-max-width: 270px !default;
$popup-ios-background: rgba(0,0,0,0) !default;
$popup-ios-border-radius: 13px !default;
$popup-ios-background-color: #f8f8f8 !default;
@ -27,6 +27,7 @@ ion-popup {
border-radius: $popup-ios-border-radius;
background-color: $popup-ios-background-color;
max-width: $popup-ios-max-width;
overflow: hidden;
}
}
@ -37,6 +38,7 @@ ion-popup {
.popup-title {
margin-top: 12px;
font-weight: bold;
font-size: $popup-ios-title-font-size;
}
@ -54,10 +56,11 @@ ion-popup {
.prompt-input {
background-color: #fff;
padding: 5px;
padding: 6px;
margin-top: 24px;
border-radius: 4px;
border: 1px solid #ccc;
-webkit-appearance: none;
}
.popup-buttons {
@ -71,6 +74,15 @@ ion-popup {
min-height: $popup-ios-button-min-height;
border-right: 1px solid #c8c7cc;
&.activated {
opacity: 1;
background-color: #DEDEDE;
}
&:hover:not(.disable-hover) {
opacity: 1;
}
&:before {
position: absolute;
top: 0;