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

Border not box shadow for iPad transitions

Browse Source
This commit is contained in:
Max Lynch
2014-06-11 17:37:45 -05:00
parent 0690cd2801
commit f0ff00835f
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
scss/_animations.scss
View File

@@ -400,28 +400,41 @@ $ios-transition-box-shadow-end: -500px 0px 500px rgba(0,0,0,0.10), -5px 0px 5px
@include translate3d(100%, 0, 0);
}
}
.grade-a {
/**
* iPad doesn't like box shadows
*/
.grade-a:not(.platform-ipad) {
.slide-left-right-ios7, .slide-right-left-ios7.reverse {
> .ng-enter, &.ng-enter {
border-radius: 1px;
box-shadow: $ios-transition-box-shadow-start;
}
> .ng-enter.ng-enter-active, &.ng-enter.ng-enter-active {
border-radius: 1px;
box-shadow: $ios-transition-box-shadow-end;
}
}
.slide-left-right-ios7.reverse, .slide-right-left-ios7 {
> .ng-leave, &.ng-leave {
border-radius: 1px;
box-shadow: $ios-transition-box-shadow-end;
}
> .ng-leave.ng-leave-active, &.ng-leave.ng-leave-active {
border-radius: 1px;
box-shadow: $ios-transition-box-shadow-start;
}
}
}
.grade-a.platform-ipad {
.slide-left-right-ios7, .slide-right-left-ios7.reverse {
> .ng-enter, &.ng-enter {
border-left: 1px solid #ddd;
}
}
.slide-left-right-ios7.reverse, .slide-right-left-ios7 {
> .ng-leave, &.ng-leave {
border-left: 1px solid #ddd;
}
}
}
/**